Web Development- Project Based Learning

Web Development: Project Based Learning, available at $59.99, has an average rating of 4.65, with 8 lectures, based on 67 reviews, and has 376 subscribers.

You will learn about Understanding of APIs and handling it using JavaScript Using Bootstrap Framework in web application design HTML and JavaScript basics with hands-on projects Working with Google Charts using JavaScript Hosting a project on GitHub Working with JSON data This course is ideal for individuals who are Beginners and intermediate level web developers who want to enhance their skills through Project Based Learning Approach. Experts will also find the projects interesting and it will help them to brush up their skills. or Students and Academicians who wish to enter into the field of Web Development or Anyone who wish to learn the art of Front End Development by making use of Bootstrap Framework and JavaScript or Anyone who is curious to understand how APIs work and how they are handled using JavaScript It is particularly useful for Beginners and intermediate level web developers who want to enhance their skills through Project Based Learning Approach. Experts will also find the projects interesting and it will help them to brush up their skills. or Students and Academicians who wish to enter into the field of Web Development or Anyone who wish to learn the art of Front End Development by making use of Bootstrap Framework and JavaScript or Anyone who is curious to understand how APIs work and how they are handled using JavaScript.

Enroll now: Web Development: Project Based Learning

Summary

Title: Web Development: Project Based Learning

Price: $59.99

Average Rating: 4.65

Number of Lectures: 8

Number of Published Lectures: 8

Number of Curriculum Items: 8

Number of Published Curriculum Objects: 8

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Understanding of APIs and handling it using JavaScript

Using Bootstrap Framework in web application design

HTML and JavaScript basics with hands-on projects

Working with Google Charts using JavaScript

Hosting a project on GitHub

Working with JSON data

Who Should Attend

Beginners and intermediate level web developers who want to enhance their skills through Project Based Learning Approach. Experts will also find the projects interesting and it will help them to brush up their skills.

Students and Academicians who wish to enter into the field of Web Development

Anyone who wish to learn the art of Front End Development by making use of Bootstrap Framework and JavaScript

Anyone who is curious to understand how APIs work and how they are handled using JavaScript

Target Audiences

Beginners and intermediate level web developers who want to enhance their skills through Project Based Learning Approach. Experts will also find the projects interesting and it will help them to brush up their skills.

Students and Academicians who wish to enter into the field of Web Development

Anyone who wish to learn the art of Front End Development by making use of Bootstrap Framework and JavaScript

Anyone who is curious to understand how APIs work and how they are handled using JavaScript

This course will help you understand the art of designing Web applications by making use of HTML, Bootstrap and JavaScript technologies. This is a project based course and in this journey you will design five utility based projects completely from scratch. This course provides you an in depth knowledge of working with various useful technologies that developers use for building modern day web applications. You will get to explore working with APIs, DOM manipulation, working with google charts, understanding bootstrap framework and its practical use, Hosting a web project on GitHub and much more. All the codes that have been designed in the course will be provided to you so that you can revisit them whenever needed. The course attempts to teach you web development skills with hands-on approach. The following projects will be designed in this course:

1. Calculator : Here you will learn how to perform Addition, Subtraction, Multiplication and Division operation by making use of JavaScript and you will also learn about DOM manipulation. All the components will be styled using bootstrap framework so that you get a responsive design. Further you will get a chance to learn how this project can be hosted on GitHub so that you get a dedicated URL on GitHub for your project that you can share with other people. This will teach you some basic and necessary skills to get started with GitHub which is one of the most widely used services for managing Git Repositories. 

2. Stop Watch: Here you will learn the art of designing a ready to use stop watch which works on any browser by making use of JavaScript. You will work with functions like setInterval( ) and clearInterval( ) and understand their use case from practical view point. You will also learn how to disable a button and enable it so that whenever needed you can control the functionality of the web components using JS.

3. Todo List: Here you will get a chance to design your own Todo list that has the features of adding, editing and deleting a  Todo. In this you will learn how to append a child node to a parent element using JavaScript and how to render the components dynamically on the browser basis user interaction with the Web App.

4. Weather Station: In this project you will work with OpenWeatherMap API to fetch the live weather data of any city in the world. You will get to work with JSON data and in the journey you will understand the API in depth and how to fetch the desired data for temperature and weather condition icon so that the same can be rendered on the screen whenever user make a request to fetch the data using the API. You will learn how fetch( ) works in JS, using API keys and most important part is the JSON handling in JS. 

5. Tesla Stock Market Dashboard: In this project you will get to work with the stock market API from Alpha Vantage which is free to use and can give intra day share data trends. We will work with Tesla share as a test case and will design a dashboard using bootstrap and JS and this time we will work with the dark theme so that you get to know how efficient and easy it is to  design a beautiful dark theme based dashboard. You will also work with google charts to show the trends of share volume traded with time.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Introduction

Lecture 2: Calculator using JavaScript

Lecture 3: Uploading the project on GitHub

Chapter 2: Weather Station

Lecture 1: Weather Station using OpenWeatherMap API

Chapter 3: Todo List

Lecture 1: Todo List

Chapter 4: Stop Watch

Lecture 1: Stop Watch Project

Chapter 5: Tesla Stock Market Dashboard

Lecture 1: Tesla Stock Market Dashboard

Lecture 2: End of the Course

Instructors

Dr. Umesh Dutta
Ph.D. in Electronics & Communication Engineering

Ina Singh
M.Tech (Electronics and Communication)

Rating Distribution

1 stars: 0 votes

2 stars: 2 votes

3 stars: 4 votes

4 stars: 21 votes

5 stars: 40 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!