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:

  • 66 hours on-demand video
  • 15 articles
  • 57 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development

The Complete 2020 Web Developer Master Course

Everything you need to know to become a Web Developer in 2020!
Rating: 4.5 out of 54.5 (866 ratings)
30,327 students
Created by Jesse Caine
Last updated 11/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • HTML, CSS, JavaScript, the pillar of front end web development.
  • HTML5 API's, such as IndexedDB & Web Storage.
  • Sass, a very powerful CSS preprocessor.
  • Bootstrap, the leading CSS framework for responsive web designs.
  • Express, a flexible back end framework for Node js.
  • MongoDB, the leading noSQL database.
  • RESTful API's, an architecture for handling requests to your site.
  • Angular, a front end JavaScript framework for handling single page applications.
  • How to create and deploy to the web, your own Social Media website with loads of functionality.

Course content

24 sections • 360 lectures • 66h 4m total length

  • Preview03:06
  • Creating Files & Directories
    03:31
  • Atom Settings & Packages
    09:59
  • Atom Keyboard Shortcuts
    11:04
  • Preview13:02
  • Preview06:52
  • To Avoid Confusion
    00:16
  • How to Ask Good Questions
    05:07
  • Diagnosing Project Problems
    01:39

  • HTML Boilerplate
    05:21
  • Creating A Simple Page
    07:56
  • Basic CSS
    12:02
  • Styling Our Simple Page
    12:44
  • Semantic HTML
    13:20
  • Selectors & Specificity
    12:00
  • Specificity Quiz
    5 questions
  • Background Images
    04:45
  • Block and Inline
    08:05
  • HTML Forms
    15:25
  • The Box Model
    16:15
  • Box Model Quiz
    5 questions
  • Making A Navbar
    08:35
  • HTML Tables
    10:09

  • Preview04:11
  • Preview14:10
  • Preview06:46
  • Preview17:04
  • Preview09:59
  • Preview22:34
  • Arrays
    09:30
  • Challenge: Greetings
    04:25
  • Objects
    08:31
  • Challenge: Company
    07:08
  • Equality
    11:25
  • Loops
    09:07
  • Math
    11:42
  • Challenge: Fizz Buzz
    06:38
  • Callbacks
    17:25
  • For in/of Loops
    09:35

  • Section Boilerplate
    00:15
  • JS In The Web
    08:27
  • Getting Elements
    06:56
  • Arrays of Elements
    09:04
  • Query Selector
    06:56
  • Events
    11:34
  • HTML Manipulation
    09:33
  • jQuery
    12:02

  • Setting Up
    04:16
  • HTML & CSS
    10:20
  • Playing Sound With JS
    04:45
  • Detecting Changes
    12:13
  • Button Functions
    11:33
  • Freezing Inputs
    02:29
  • Finishing Up
    07:49
  • Note about the code.
    00:41

  • Units: Viewport Units
    07:50
  • Units: Relative Units
    15:20
  • Animations: Transitions
    11:09
  • Animations: Transforms
    12:03
  • Animations: Keyframes
    12:57
  • Positioning: Relative
    07:09
  • Positioning: Absolute
    13:34
  • Positioning: Fixed
    02:39
  • Positioning: Sticky
    07:06
  • Responsive Design: Media Queries
    10:12

  • What is Flexbox?
    07:52
  • Axis & Direction
    11:00
  • Wrapping
    06:34
  • Life's A Beach Challenge
    08:24
  • Aligning Content
    08:18
  • Growing & Shrinking
    10:24
  • Holy Grail Challenge
    10:35
  • Aligning Items
    06:12
  • Order
    05:50
  • Flexbox Times Challenge
    11:01

  • Installing Sass
    04:58
  • Compiling Sass Files
    08:25
  • Sass Syntax
    13:30
  • Variables
    08:39
  • Variable Scope
    06:21
  • Functions
    11:05
  • Mixins
    04:53
  • Mixin Challenge
    04:37
  • Extends
    05:58
  • Extends Challenge
    05:52
  • Conditionals
    07:26
  • Loops
    07:53
  • Partials
    08:00

  • Setup
    15:07
  • Project Code
    00:07
  • CSS Prerequisites
    13:12
  • Landing Page
    09:21
  • Breaking Down The Enter Site Animations
    07:09
  • Creating the Dimmed Background
    12:56
  • Above the Fold Content
    17:03
  • Writing the Sidebar Markup
    05:43
  • Styling the Sidebar Pt.1
    11:51
  • Styling the Sidebar Pt. 2
    15:00
  • Info Section
    09:03
  • Current Users Section
    10:42
  • Location Section
    08:23
  • Testimonial Section Pt. 1
    13:41
  • Testimonial Section Pt. 2
    16:18
  • Deal of the Week Section
    08:02
  • Footer Section
    06:41

  • Atom Snippets
    15:35
  • Forms
    10:26
  • Video
    07:21
  • Data
    05:23
  • HTML Validation
    04:34
  • Favicons
    05:12
  • The Dialog Element
    09:01
  • Constrain Validation API
    12:30
  • Geolocation API
    06:25
  • Web Storage API
    14:32
  • Web Storage API Challenge
    15:45
  • IndexedDB Pt. 1
    22:53
  • IndexedDB Pt. 2
    11:50

Requirements

  • No prerequisites, this course is for developer of all levels from experienced to inexperienced.

Description

The Complete 2020 Web Developer Master Course has everything you need to become a Web Developer in 2020.  Focusing on both Front and Back-end Development, with an emphasis on the MEAN Stack. During the course, there will be many challenges for the student to test what they've learned, and give them a chance to try to debug something or implement something on their own. 


Projects

During the course we will build 6 unique projects, each fixated by a specific technology and purpose.

  • Clockworks (JavaScript Project)

  • Travel Forest (CSS Project)

  • Get It Done (HTML5 API's Project)

  • Sleepy Mondays (Bootstrap Project)

  • Just Me (Express Project)

  • A Social Media (Angular Project)


What's covered in this course?

Of course, the basics, HTML, CSS and JavaScript.  But what else?

  • Express

  • MVC Architecture

  • Asynchronous JavaScript

  • RESTful Routing

  • Angular

  • Sass

  • Bootstrap

  • MongoDB

  • Flexbox

  • HTML5 API's

  • Google Maps API


And much more!


If you get stuck on any part of the course, reach out in the Q/A or leave me a message explaining your problem.  Sometimes a description of the problem and a code snippet will suffice to diagnose a problem.  But other times for the more elusive errors/bugs, I'll ask you to send me your full project code via email, where I will be able to investigate and find the problem for you.  I know what it's like to get stuck on something as a beginner, and this course can present some challenging material at times.  I want you to know that I will do whatever I can to help you with any problem you get!

Happy Learning!

Who this course is for:

  • Anyone interested in learning new things, especially web development!
  • Beginner designers who want to greatly increase their CSS skills
  • Beginner developers who are interested in learning advanced JavaScript.
  • Experienced developers from various backgrounds interested in learning the MEAN stack.

Instructor

Jesse Caine
Professional Web Developer
Jesse Caine
  • 4.5 Instructor Rating
  • 957 Reviews
  • 39,435 Students
  • 3 Courses

My name is Jesse Caine, I am a Web Developer from Canada.  I do freelance work when the opportunity arises, but I am usually spending my time making new courses.  I'm always exploring and learning new things.

My goal on the platform is to create awesome courses that are accessible to those of all skill levels.  It doesn't matter whether you are a beginner or someone who is knowledgable about a particular subject, you will be able to find value from my courses.

If you have any questions about my courses, me, or course promotions, feel free to drop me a message.  I try to respond as soon as possible. 

I appreciate any feedback you can offer.  Letting me know what you like or don't like about my courses is greatly beneficial to me.  I've already received lots of feedback and because of it I feel like I can make even better courses.

  • 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.