Full Stack Web Development Masterclass: Beginner To Advanced
4.5 (480 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
20,725 students enrolled

Full Stack Web Development Masterclass: Beginner To Advanced

Learn full stack web development with HTML5, CSS , Bootstrap 4, Javascript, ES6, VueJs, Node.Js, PostgreSQL & More
4.5 (480 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
20,725 students enrolled
Created by Ashutosh Pawar
Last updated 4/2019
English
English [Auto]
Current price: $135.99 Original price: $194.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 22 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Design stunning websites with HTML & CSS
  • Build your own portfolio site using HTML & CSS
  • Make mobile responsive websites using Bootstrap
  • Build a mobile responsive news portal
  • Make websites interactive using JavaScript
  • Design Front-End components using VueJs
  • Learn how to implement version control and collaborate on projects with Git & Github
  • Configure backend using Nodejs & Express JS
  • Design complex databases using Postgres
  • Make a full-stack database oriented medical inventory management web application from scratch.
Course content
Expand all 229 lectures 22:10:44
+ Introduction To Web Development & Installing Required Tools
3 lectures 11:31
Installing Visual Studio Code On Windows
02:04
Installing Visual Studio Code On Mac
01:51
+ Getting Started With HTML5
6 lectures 54:50
Introduction To HTML
10:39
HTML Attributes
07:11
HTML Comments
05:48
HTML Lists
08:58
Using Images
08:20
HTML Forms
13:54
+ CSS
14 lectures 01:26:47
Introduction To CSS
05:56
Using CSS With HTML
04:43
CSS Selectors
07:02
CSS Color Values
09:48
CSS Margin & Padding
07:54
CSS Adding Background Image
04:29
CSS Icons
05:23
CSS Font Family, Stye & Size
07:21
Link States
07:55
Div & Span
06:11
CSS FlexBox
01:55
Making A CSS FlexBox
06:43
CSS Flex Grow & Shrink
06:19
CSS Flex Wrap
05:08
+ Making A Portfolio Site With HTML & CSS
6 lectures 57:46
Project Introduction
03:23
Creating The Top Menu
09:39
Adding an Image Banner
09:38
Skill Container
14:28
Adding Portfolio Items
11:13
Adding Client Testimonials
09:25
+ Bootstrap 4
30 lectures 02:50:38
Introduction To Bootstrap
02:24
Adding Bootstrap To Our Site
04:04
Bootstrap Grid System
10:27
Bootstrap Grid Classes Part 1
06:07
Bootstrap Grid Classes Part 2
07:26
Bootstrap Grid Column Offset
04:43
Making Images Responsive
05:04
Codeblocks
07:36
Tables
07:03
Bootstrap Buttons
05:50
Dropdowns
08:06
Input Fields
09:06
Jumbotron
05:01
Cards
03:59
Card Title & Links
06:09
Card With Images
03:44
Card List Groups
02:54
Card Header
04:02
Card Alignment
02:16
Card Image Overlays
04:37
Card colors
04:47
Card Groups & Decks
04:57
Bootstrap Nav Intro
03:42
Bootstrap Nav Alignment
02:12
Tabs & Pills
03:37
Breadcrumbs
06:13
Badges
05:42
Collapsible Navbar
12:03
Forms
05:30
Form Controls
11:17
+ Making A Mobile Responsive News Portal With Bootstrap 4
7 lectures 44:59
Building A News Portal In Bootstrap Part 1
01:50
Building A News Portal In Bootstrap Part 2
07:33
Building A News Portal In Bootstrap Part 3
04:43
Building A News Portal In Bootstrap Part 4
08:17
Building A News Portal In Bootstrap Part 5
07:31
Building A News Portal In Bootstrap Part 6
09:25
Building A News Portal In Bootstrap Part 7
05:40
+ JavaScript
54 lectures 04:51:28
Code Editors & IDEs
05:01
Hello World
05:51
Displaying Output
05:26
Variables
06:36
Operations
04:54
Case Sensitivity
04:32
JavaScript Coding Challenge 1
05:02
Javascript Coding Challenge 2
02:26
Data Types
03:36
Functions
06:23
Passing Parameters To Functions
06:39
Objects In JavaScript
05:11
Global & Local Variables
04:35
JavaScript Coding Challenge 3
05:57
JavaScript Coding Challenge 4
09:08
String Length
04:58
String Methods
10:04
Math Methods
06:25
Math Functions
06:56
Arrays
06:11
Array Methods
09:19
JavaScript Coding Challenge 5
05:47
JavaScript Coding Challenge 6
07:06
If Statements
05:07
Comparison Operators
04:50
JavaScript Coding Challenge 8
05:14
JavaScript Coding Challenge 9
05:04
Operators
05:54
For Loop
05:42
While Loop
03:38
JavaScript Coding Challenge 9
04:57
JavaScript Coding Challenge 10
03:46
Switch Case
06:34
Regular Expressions
05:43
JavaScript Coding Challenge 11
05:09
JavaScript Coding Challenge 12
02:56
Exception Handling
09:08
Hoisting
03:50
Coding Conventions
08:39
Best Practices
05:18
JavaScript Coding Challenge 13
03:56
HTML DOM
04:36
DOM Methods
05:21
Accessing Elements By Tag Name
04:30
Changing Styling
02:36
DOM Events
03:47
DOM Event Listener
05:26
Intro To Nodes
08:51
Adding Nodes
06:08
JavaScript Coding Challenge 15
03:47
JavaScript Coding Challenge 16
04:50
Deleting Child
02:22
BOM Intro
02:57
Accessing URL Of Webpage
02:49
+ Javascript : Building A Simple Interest Calculator
2 lectures 15:43
Building A Simple Interest Calculator Part 1
08:24
Building A Simple Interest Calculator Part 2
07:19
+ JavaScript ES6
8 lectures 46:30
Intro to ES6
04:36
Let Keyword In ES6
07:49
Const Keyword In ES6
07:14
Default Parameter In ES6
04:01
Spread Operator In ES6
02:07
Template Strings
06:46
ES6 String Methods
07:28
ES6 Sets
06:29
Requirements
  • PC or a Mac with internet connection
  • No prior coding experience required
Description

The Complete Web Development Masterclass: Beginner To Advanced

The most comprehensive yet precise course on web development to build web development skills.

If you aspire to become a professional web developer or if you want to get into the field of web development then this is the right course to start with.

This course is specially designed to build a skillset around all the modern web development technologies which are in-demand by tech companies in 2018.

Upon course completion, you will be able to build full-stack, mobile responsive, database oriented web applications.

Here Is What You Get By Enrolling In This Course:

Word-By-Word Explanation: In the entire course, I explain each line of code, without skipping a single line of code.

Awesome Quality Content: 18 hours of HD Videos.

Well Structured & Easy To Learn: Course has been specially designed to make it easy for the students to learn HTML5, CSS, Bootstrap4, JavaScript,ES6 Git & Github, VueJs, NodeJs, PostgreSQL.

24 X 7 Support: I will always be there to guide you in your journey to become Python expert.

Note: Student queries and problems will be answered immediately.

_________________________________________________________________________

Here Is Everything You Will Learn In This Complete Course:

The Complete Course is divided into 12 Major sections

Section 1: HTML5.

Section 2: CSS.

Section 3: Building A Portfolio Site.

Section 4: Bootstrap 4.

Section 5: Building A News Portal.

Section 6: JavaScript.

Section 7: ES6.

Section 8: Git & Github.

Section 9: VueJs.

Section 10: NodeJs.

Section 11: PostgreSQL.

Section 12: Final Project:Medical Inventory Management Web App.

First we start off by learning the basics of Web Development and installing the required tools to write HTML5 code. In this section we cover almost all the HTML5 concepts and learn how to layout the structure of HTML elements on the webpage.

In the next section we learn the basics of CSS which will help us make our site look appealing. We will learn how we can add CSS to your existing HTML pages to make them more visually attractive. We will also learn about CSS flex box which will help us to make responsive layouts.

Now as we know HTML & CSS, its now time to build something from the skills we have acquired. In this section we will build a portfolio site with HTML & CSS which will list all your skills.

Moving along we now start learning Bootstrap 4, a CSS framework which enables us to build fully mobile responsive websites in no time. Bootstrap 4 will make your development speed 2X as faster as you no longer have to build components from scratch. Bootstrap has hundreds of built in components which we can use to build websites quickly and without any hassle. We will learn about the Bootstrap grid system and learn how to make responsive layouts with it.

Once we master Bootstrap 4, its now time to build a fully mobile responsive news portal. In this section we will build a news portal which will work and look great on all of the devices like a computer, tablet and a smartphone. The best part about this news portal is that its completely built using Bootstrap and its components. Meaning we have not used a single line of CSS code to style the elements.

The next section is all about JavaScript which is the most popular language for front end web development. We will start off by learning the basics of how JavaScript can be used in the browser to make websites more interactive. We will learn data types, functions, global and local scope, loops, exceptions and all of the other basics related to javaScript. At the end of this section, we also build a simple interest calculator using JavaScript and Bootstrap.

Then we learn about ES6 or ECMAScript6 which is the latest version of JavaScript. We will learn some of the most relevant and new features of ES6 like the let and the const keywords.

We then move towards learning Git & Github which is one of the most popular tools amongst web developers across the globe. We will start by learning what is Git and how Git can be used for version control. We will learn about all the important commands required to work with Git all with a practical example. Later we start learning GitHub and learn how GitHub can be used to collaborate with teams while working on a project.

In the next section we learn about VueJS which is a progressive front end framework which helps us to build user interface components in an efficient way. VueJs is now being used by a lot of tech companies and is much easier to learn as compared to other similar frameworks like React. Many developers prefer VueJs over React because of its learning curve and the extensive documentation available online. In this section we will cover all the important aspects of VueJs.

Once we finish learning the front end technologies, its now time to start learning about the backend.

We now start learning about NodeJS which is a JavaScript runtime which allows us to run JavaScript on the server. NodeJS is extremely powerful and it allows us to configure server, connect to database, make queries and a lot more can be done using Node. In this section we will start learning Node right from the basics and we will build our very own server. We will also learn about the node package manager and learn how it can be used to install and use different node packages which are used to extend the functionality of our apps.

 Now once we know how about Node, we now need a database to be able to store and manage our data at the backend. Hence we move on to learn about Postgres which is a database used and trusted by large software companies. We will learn about PostgreSQL which is a structured query language used to query the Postgres database. We will learn how to create our very own database from scratch and how to setup the structure to store and manage our data.

In the final section we apply everything we have learned in the entire course by building a fully functional medical inventory web application.   

This will be a complex database oriented application which will store data into the Postgres database and allow us to insert, update, delete and modify medicine records from the front end. We will learn how to build a complete web app from scratch right from building the database, configuring our server to building the front end.

_________________________________________________________________________

So let's begin the journey of becoming an expert Web Developer.

In addition to the Udemy 30-day money back guarantee,you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message me directly and I will do my best to get back to you as soon as possible!

_________________________________________________________________________

Make sure to enroll in the course before the price changes.

Take yourself one step closer towards becoming a professional web developer by clicking the "take this course button" now!

Join the journey.

Sincerely,

Ashutosh Pawar

Who this course is for:
  • Beginners who want to get into web development
  • Want to create own web applications using advanced technologies like Vue & Node
  • Students who aspire to be a freelance web developer
  • Complete beginners who want to start programming