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 CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence 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
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
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
Development Web Development

The Advanced Web Developer Bootcamp

Learn React 16, Redux, D3, ES2015, Testing, CSS Flexbox, Animations, SVG, AJAX, and more!
Rating: 4.5 out of 54.5 (8,505 ratings)
70,350 students
Created by Colt Steele, Elie Schoppik, Tim Garcia, Matt Lane
Last updated 4/2018
English
English [Auto], Italian [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Make REAL web applications using cutting-edge technologies
  • Build responsive applications using modern CSS technologies like flexbox
  • Build JSON APIs using Node, Express and MongoDB
  • Learn the most popular front end library React and master the fundamentals around state, props and the component lifecycle
  • Use babel and webpack to transpile and bundle code
  • Understand what the Virtual DOM is and how React performs reconciliation
  • Leverage Component Lifecycle methods with React to include making AJAX calls properly
  • Secure Node, Express, Mongo and React applications on the front-end and back-end using bcrypt and JSON Web Tokens
  • Add routing to a single page application with the most popular routing library for react, React Router.
  • Manage State with a centralized store using Redux
  • Connect Redux with a React application to build scalable production applications with client-side state management
  • Select and manipulate elements in the DOM using D3
  • Build dynamic visualizations using D3 and SVG
  • Use D3 to build scatterplots, histograms, pie charts and force graphs
  • Build compelling map visualizations with GeoJSON and TopoJSON
  • Master how to handle asynchronous code using callbacks, promises, generators and async functions
  • Understand how JavaScript handles asynchronous code using the Event Loop with the Stack, Heap and Queue.
  • Use advanced array methods to build a solid understanding of functional programming
  • Create dynamic single page applications using AJAX
  • Structure applications with design patterns using closure and modules
  • Explain how Object Oriented Programming works with a thorough understanding of the keyword this and the new keyword
  • Refactor code using call, apply and bind to remove duplication
  • Use jQuery to build single page applications and understand the limitations of just using jQuery
  • Create block scope with the let keyword and use the const keyword to prevent variables from being redeclared
  • Clean up code using arrow functions and master method binding without using the bind keyword
  • Use default parameters, for of loops and the rest and spread operator to write more concise and more maintainable code
  • Refactor an ES5 application to use ES2015
  • Master the new class syntax and create instance methods, class methods
  • Implement inheritance in ES2015 using extends and super
  • Leverage newer data structures like Maps and Sets to better solve problems
  • Learn cutting edge features to the JavaScript language with ES2016, 2017 as well as experimental JavaScript additions
  • Solve problems similar to what you would get in a developer interview or phone screen
Curated for the Udemy for Business collection

Course content

37 sections • 391 lectures • 34h 14m total length

  • Preview04:01
  • Preview15:55
  • Preview02:28
  • Introducing the Team
    00:54

  • Section Introduction
    00:42
  • Preview04:20
  • Why Animations Matter
    06:59
  • Preview02:16
  • Pseudo-Classes: Hover
    04:21
  • First Pseudo-Class Quiz
    1 question
  • Pseudo-Classes: Focus
    03:30
  • Pseudo-Classes: Active
    05:23
  • Quick Pseudoclasses Exercise
    00:03
  • Preview12:41
  • Introduction to Transform
    03:12
  • Transform: Translate
    06:07
  • Transform:Scale() and Transform-Origin
    09:20
  • Transform: Rotate()
    08:32
  • A Note on Vendor Prefixes
    04:04
  • Transitions Basics
    05:37
  • Transition-Duration and Transition-Property
    07:52
  • Transition-Timing-Function and Transition-Delay
    12:43
  • Transition Shorthand
    04:06
  • CSS Animation Performance
    05:28
  • Building An Animated Gallery
    14:05

  • Introduction to Keyframes
    08:27
  • Codealong: Animated Rainbow Flashing Text
    07:56
  • Other CSS Animation Properties
    11:38
  • Exercise: Rising and Setting Sun Animation
    Preview05:32
  • Exercise SOLUTION : Rising and Setting Sun Animation
    11:40
  • CSS Animation Shorthand
    04:32
  • Building an Animated CSS Loading Icon
    12:23

  • Section Introduction
    00:52
  • Introduction To Flexbox
    05:21
  • Preview03:20
  • Important Flexbox Terminology
    03:23
  • Flex-Direction
    04:18
  • Flex-Wrap
    06:31
  • Flexbox Quiz
    1 question
  • Justify-Content
    08:06
  • Flexbox Sidebar Exercise
    04:01
  • Flexbox Sidebar Exercise: SOLUTION
    05:20
  • Align-Items
    08:27
  • Align-Content
    07:33
  • Building A Responsive Navbar CODEALONG
    16:04
  • Align-Self
    04:15
  • Order
    05:16
  • flex-basis
    05:59
  • flex-grow
    07:46
  • Flex-Shrink
    08:24
  • Building a Polygon.com Widget
    09:06
  • Exercise: Holy Grail Layout
    07:17
  • Exercise: Holy Grail Layout SOLUTION
    14:18
  • Flexbox Browser Support
    04:21

  • Introducing Matt
    02:22
  • Section Introduction
    00:31
  • Preview00:57
  • Project Solution: Nav and Header
    09:17
  • Project Solution: Destinations and Features
    08:40
  • Project Solution: Testimonials, Contact, and Footer
    06:01
  • Project Solution: Responsive Design
    06:11

  • Introducing Tim
    01:42
  • Introduction
    00:45
  • Callback Functions
    05:42
  • Preview06:55
  • findIndex Exercise Intro
    05:46
  • findIndex
    1 question
  • findIndex Solution
    01:56
  • The Stack And The Heap
    07:15
  • The Stack: An Example
    05:31
  • setTimeout and setInterval
    05:18
  • Exercise: countDown Function
    1 question
  • countDown Exercise Solution
    02:29
  • The Event Loop And The Queue
    07:55
  • Event Loop Quiz
    3 questions
  • Promise Basics
    06:54
  • Promise Chaining
    09:27

  • Intro to AJAX
    09:09
  • What's the deal with JSON and XML?
    Preview08:01
  • Making Our First Request with XMLHTTPRequest
    12:09
  • AJAX Workflow: Building The Random Image App
    12:11
  • Preview03:27
  • Bitcoin Price Exercise Solution
    06:36
  • Fetch Introduction
    09:19
  • Fetch Options
    04:08
  • Fetch Error Handling
    09:47
  • Fetch Random User Profile Exercise
    03:01
  • Fetch Random User Profile Exercise Solution
    15:08
  • The Problem With Fetch
    00:55

  • jQuery AJAX Introduction
    04:15
  • Preview07:48
  • Digging In The jQuery Sourcecode
    01:44
  • jQuery AJAX Shorthand Methods
    07:47
  • Preview01:37
  • jQuery Random Cats Exercise SOLUTION
    03:59
  • Axios Intro
    05:47
  • Axios Error Handling
    04:02
  • Ron Swanson Exercise
    02:09
  • Ron Swanson Exercise Solution
    09:50

  • Introducing Elie
    01:47
  • Preview01:16
  • Writing Tests in the Browser
    03:07
  • Jasmine Syntax and Matchers
    07:54
  • Writing Better tests with Hooks
    04:27
  • Quiz - Jasmine Matchers and Hooks
    4 questions
  • Spies
    03:53
  • Quiz - Jasmine Spies
    3 questions
  • Preview04:19
  • Jasmine Async
    7 questions
  • TDD and BDD
    02:23
  • Different Types of Tests
    03:28

  • Preview00:59
  • Preview04:08
  • Exercise: forEach
    1 question
  • Exercise SOLUTION: forEach
    03:10
  • map
    04:23
  • Exercise: Map
    1 question
  • Preview01:35
  • Filter
    05:36
  • Exercise: Filter
    1 question
  • Exercise SOLUTION: Filter
    02:24
  • Some
    03:47
  • Every
    03:17
  • Exercise: Some and Every
    1 question
  • Preview02:04
  • Preview04:56
  • Reduce Continued
    05:15
  • Exercise: Reduce
    1 question
  • Exercise SOLUTION: Reduce
    02:29
  • Array Methods Recap
    02:15

Requirements

  • Have a basic understanding of HTML and CSS
  • Have a fundamental understanding of JavaScript - how to create variables, use conditional logic, looping, objects, arrays and functions
  • Prepare to build real web apps with the latest JavaScript technologies!

Description

Hi! Welcome to the Advanced Web Developer Bootcamp, the complete course that will help you learn the latest technologies, tools and libraries to become a proficient web developer.  Think of this course as an encyclopedia of all the  knowledge you need to take your developer skills to the next level.

There are quite a few options out there for online training, but we are certain this course is the most comprehensive and frankly the best one out there - here’s why:

  • This course is taught by professional bootcamp instructors. The material you’re going to learn has been taught to hundreds of students in person and hundreds of thousands online.

  • Everything we’ll cover in this course is up-to-date and even anticipates future advancements to prepare you for what is to come. We focus on the most commonly used technologies, libraries and frameworks.

  • This is the only full-stack developer course that covers Advanced CSS, Advanced JavaScript, NodeJS, D3, React and Redux!!

  • We build over 10 projects and have dozens of code challenges with solutions to ensure you understand the material and don’t just watch us talk!

  • You get to meet our wonderful course mascot - Whiskey the dog!

Throughout the course we cover tons of tools and technologies including:

  • React
  • React-Router
  • Redux
  • CSS3 Transitions, Transforms and Animations
  • Testing with Jasmine
  • D3
  • SVG
  • Building charts, force graphs and data visualizations
  • ES2015 keywords, arrow functions, class syntax, and much more
  • ES2016 and ES2017 and cutting edge features to JavaScript
  • Callbacks, Promises, Generators and Async Functions
  • Building Node.js APIs
  • Building Single Page Applications
  • Object Oriented Programming in JavaScript
  • Closures and the keyword 'this'
  • Functional Programming in JavaScript
  • Authentication and Authorization
  • Asynchronous Code with JavaScript

This course is also unique in the way that it is structured and presented. Many online courses are just a long series of "watch as I code" videos. This course is different. I've incorporated everything I learned in my years of teaching to make this course not only more effective but more engaging. The course includes:

  • Lectures

  • Code-Alongs

  • Projects

  • Exercises and Solutions

  • Research Assignments

  • Slides

  • Downloads

  • Readings

If you have any questions, please don't hesitate to contact us. We’ve all been working in the education industry for the past four years and love working with people and helping students learn. Sign up today and see how fun, exciting, and rewarding web development can be!

If you want to take ONE COURSE to learn everything you need to know to be successful as a modern JavaScript web developer, take this course.

Who this course is for:

  • This course is for anyone who wants to continue learning about web development
  • It’s fantastic for someone who has the fundamentals down, but wants to explore more advanced concepts and technologies to be successful as a developer

Featured review

James Leung
James Leung
20 courses
18 reviews
Rating: 5.0 out of 5a year ago
I've finished 2/3 of the course and I've had a fantastic time so far. The first half consists of miscellaneous topics whereas the second half (ES6, React+Redux, VirtualDOM...) highlights the essential skills that every modern web developer should know. I'll come back to this course again and again to consolidate what I've learnt and to solve problems when I take on my own projects.

Instructors

Colt Steele
Developer and Bootcamp Instructor
Colt Steele
  • 4.7 Instructor Rating
  • 306,759 Reviews
  • 946,392 Students
  • 9 Courses

Hi! I'm Colt. I'm a developer with a serious love for teaching. I've spent the last few years teaching people to program at 2 different immersive bootcamps where I've helped hundreds of people become web developers and change their lives. My graduates work at companies like Google, Salesforce, and Square.

Most recently, I led Galvanize's SF's 6 month immersive program as Lead Instructor and Curriculum Director. After graduating from my class, 94% of my students went on to receive full-time developer roles. I also worked at Udacity as a Senior Course Developer on the web development team where I got to reach thousands of students daily.

I’ve since focused my time on bringing my classroom teaching experience to an online environment. In 2016 I launched my Web Developer Bootcamp course, which has since gone on to become one of the best selling and top rated courses on Udemy. I was also voted Udemy’s Best New Instructor of 2016.

I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses are without a doubt the most comprehensive ones on the market.

Join me on this crazy adventure!

Elie Schoppik
Lead Instructor at Rithm School
Elie Schoppik
  • 4.7 Instructor Rating
  • 8,505 Reviews
  • 770,631 Students
  • 1 Course

Hi! I'm Elie and I’m passionate about education and web development. I've spend the past three years as a Lead Instructor at multiple coding schools before co-founding Rithm School. Before Rithm School, I co-taught with Colt Steele at Galvanize's SF's 6 month immersive program as a Lead Instructor. 

As a self-taught developer, I’ve experienced firsthand the professional and personal growth that comes with learning how to code. I’m happiest when I’m learning new technologies and teaching students how to code, and I’m excited to play a part in helping them change their careers and lives for the better. My graduates work at LinkedIn, Google, and Salesforce, and many more.



Tim Garcia
Senior Developer and Lead Instructor
Tim Garcia
  • 4.5 Instructor Rating
  • 8,505 Reviews
  • 70,348 Students
  • 1 Course

Hi! I'm Tim and I'm passionate about teaching. I’ve loved working with students since my days as a Graduate Teaching Assistant at Georgia Tech.  Over the past 4 years, I've had the opportunity to work with hundreds of students as a coding bootcamp instructor and this past year, I co-founded Rithm School with Elie Schoppik and Matt Lane to focus on small class sizes and rigorous course work.  I'm excited to bring all of my teaching experiences to Udemy students.

Before my life as a bootcamp instructor, I received my Bachelor’s and Master’s degree in Computer Science from UC Riverside and Georgia Tech respectively.  Right after school, I joined the development team at Amazon and spent five years there. By the time I left, I was a lead developer for Kindle’s Cloud Reader.

Matt Lane
Cofounder and Lead Instructor, Rithm School
Matt Lane
  • 4.7 Instructor Rating
  • 8,505 Reviews
  • 195,336 Students
  • 1 Course

I’ve been involved in teaching and education for more than ten years. While a graduate student at UCLA I taught hundreds of budding engineers, and after completing my Ph.D. in 2012 I joined a company that supported middle and high school math teachers with great lesson materials. During this time I transitioned into web development, and in 2015 I joined Galvanize as a Web Development Instructor. After about a year, I cofounded Rithm along with Elie and Tim. In my spare time, I enjoy writing; my first book, Power-Up: Unlocking the Hidden Mathematics in Video Games, was released by Princeton University Press in 2017.

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