Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 22 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
Development Web Development

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
Rating: 4.3 out of 54.3 (560 ratings)
20,939 students
Created by Ashutosh Pawar
Last updated 4/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn Full Stack Web Development Right From Basics & Gain Essential Skills To Apply For Junior Web Developer Positions
  • Learn How To Create Structure For Webpages Using HTML, Create Lists, Add Images & Forms To Webpage
  • Add Styling To Static Webpages Using CSS, Learn How To Style HTML Elements Using CSS Selectors
  • Learn How To Use CSS Flex-box To Create Mobile Responsive Layouts.
  • Build Your Own Portfolio Site Using HTML & CSS
  • Create Mobile Responsive Websites With Bootstrap, Learn About Bootstrap Grid System, Bootstrap Components Like Tables, Buttons, Dropdowns, Input Fields, Jumbotron, Cards, Navs, Tabs, Badges, etc.
  • Create A Fully Responsive News Portal Using Bootstrap
  • Learn JavaScript Right From Scratch, Learn Variables, Functions, Loops, Data Types, Functions, Strings, Conditionals, Exception Handling, DOM & DOM Events In JavaScript
  • Build A Simple Interest Calculator Using JavaScript
  • Learn How To Use Version Control For Your Web Projects Using Git & Github, Learn About Creating & Initialising Local Git Repositories & Uploading Source Code To Github. Learn How To Perform Commits, Pushing Changes To Existing Repositories.
  • Learn VueJS Library From Scratch To Create Interactive Web Applications, Learn About Vue Instances, Methods, Data Binding, Events, Dynamic CSS Classes, Conditionals, Loops, Vue Components, Props ,etc
  • Learn NodeJS From Scratch, Learn About Node Modules, Event Emitters, Reading & Writing Files, Serving HTML Pages, Sending JSON Data, Routing, Node Package Manager, Nodemon, Express Framework & Templating Engine
  • Learn PostgreSQL Database From Scratch To Store Web Application Data, Learn How To Create Databases & Database Tables, Learn Different Data Definition & Manipulation Queries Like Select, Where, Update, Delete. Learn About Constrains Like, Not Null, Unique, Primary Key, Serial, Default, etc.
  • Build A Fully Functional Medical Inventory Management System Using HTML, CSS, Bootstrap, PostgreSQL, NodeJS, ExpressJS With Features Like Creating, Updating, Viewing , Deleting Medicine Records Along With Building Admin Dashboard.

Course content

16 sections • 229 lectures • 22h 10m total length

  • Preview04:12

  • Preview07:36
  • Installing Visual Studio Code On Windows
    02:04
  • Installing Visual Studio Code On Mac
    01:51

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • Building A Simple Interest Calculator Part 1
    08:24
  • Building A Simple Interest Calculator Part 2
    07:19

  • 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

Featured review

Luke Sedillo
Luke Sedillo
4 courses
4 reviews
Rating: 4.5 out of 5a year ago
Very practical and hands on. Although some things could be explained in a bit more depth, the breadth of this course requires a quick pace. The final project does a good job of blending most of the technologies together for a good review.

Instructor

Ashutosh Pawar
Entrepreneur, Python, Java & Android Geek
Ashutosh Pawar
  • 4.4 Instructor Rating
  • 15,747 Reviews
  • 310,340 Students
  • 12 Courses

Ashutosh Pawar is the director of Optimum Solutions, a software firm based in Pune India which works in providing software solutions to small and medium enterprises across the globe and have catered to over 200+ clients globally.

He holds a bachelor's degree in Information Technology (Computer Science) Engineering and has over 8+ years of developing scalable software infrastructure across multiple domains which include real estate, medicine & finance.

Along with being a businessperson, he always had a passion for teaching and his goal is to pass on his knowledge to his students and empower them to achieve their goals in the IT sector.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.