Mô tả

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.

Bạn sẽ học được gì

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

Yêu cầu

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

Nội dung khoá học

37 sections

Course Introduction

4 lectures
The Story Of This Course
04:01
Curriculum Walkthrough
15:55
Learning Paths
02:28
Introducing the Team
00:54

CSS Animations: Transforms and Transitions

21 lectures
Section Introduction
00:42
Introduction To CSS Animations
04:20
Why Animations Matter
06:59
Intro To Pseudoclasses
02: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
Building An Animated Button
12: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

CSS Animations: Keyframes

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

Advanced CSS: Layout With Flexbox

22 lectures
Section Introduction
00:52
Introduction To Flexbox
05:21
The Magic of Display: Flex
03: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

Project: Building A Startup Site

7 lectures
Introducing Matt
02:22
Section Introduction
00:31
Project: Introduction
00: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

Async Foundations

16 lectures
Introducing Tim
01:42
Introduction
00:45
Callback Functions
05:42
Codealong: forEach
06: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

AJAX Part 1: XHR and Fetch

12 lectures
Intro to AJAX
09:09
What's the deal with JSON and XML?
08:01
Making Our First Request with XMLHTTPRequest
12:09
AJAX Workflow: Building The Random Image App
12:11
Bitcoin Price Exercise
03: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

AJAX Part 2: jQuery and Axios

10 lectures
jQuery AJAX Introduction
04:15
jQuery $.ajax Method
07:48
Digging In The jQuery Sourcecode
01:44
jQuery AJAX Shorthand Methods
07:47
jQuery Random Cats API Exercise
01: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

Testing With Jasmine

12 lectures
Introducing Elie
01:47
Section Introduction
01: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
Clocks
04:19
Jasmine Async
7 questions
TDD and BDD
02:23
Different Types of Tests
03:28

Advanced Array Methods

19 lectures
Section Introduction
00:59
forEach
04:08
Exercise: forEach
1 question
Exercise SOLUTION: forEach
03:10
map
04:23
Exercise: Map
1 question
Exercise SOLUTION: Map
01: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
Exercise SOLUTION: Some and Every
02:04
Reduce
04:56
Reduce Continued
05:15
Exercise: Reduce
1 question
Exercise SOLUTION: Reduce
02:29
Array Methods Recap
02:15

Closures and the Keyword 'this'

17 lectures
Section Introduction
00:57
Introduction to Closures
04:22
Using Closures in the Wild
04:25
Exercise: Closures
1 question
Exercise SOLUTION: Closures
02:08
Closures Recap
01:13
Introduction to the Keyword 'this'
03:01
'this' with Functions and "use strict"
04:16
Object/Implicit Binding
04:54
Explicit Binding
03:59
Call
04:19
Apply
02:30
Bind
02:48
Bind Continued
03:22
Exercise: Call, Apply, and Bind
1 question
Exercise SOLUTIONS: Call, Apply, Bind
04:56
The 'new' Keyword and section recap
02:40

Object Oriented Programming with JavaScript

16 lectures
Section Introduction
01:19
Introduction to Object Oriented Programming with JavaScript
03:04
The 'new' Keyword
04:04
Refactoring with Multiple Constructors
04:36
Constructor Functions Recap
01:18
Exercise: Constructor Functions
1 question
Exercise SOLUTION: Constructor Functions
02:17
Introduction to Prototypes
03:49
The Prototype Chain
03:45
Adding Methods to the Prototype
02:58
Exercise: Prototypes
1 question
Exercise SOLUTIONS: Prototypes
04:17
Prototypal Inheritance
05:12
Exercise: Inheritance
1 question
Exercise SOLUTIONS: Inheritance
01:29
Object Oriented Programming Recap
01:22

Creating JSON API's With Node and Mongo

17 lectures
Section Introduction
00:47
Preparing For React
03:55
Defining Our API Gameplan
02:39
SUPER IMPORTANT: UPDATED C9 INSTALLATION INSTRUCTIONS
00:34
Installing NodeJS
05:03
Cloud9 Without A Credit Card Instructions
00:37
Installing Node Locally
00:39
Creating Our Initial Express Application
07:00
Responding With JSON
03:07
Installing Mongo
04:37
Defining Our Schema
07:31
Defining The Index Route
08:43
Defining The Create Route
08:08
Defining The Show Route
04:20
Defining the Update Route
04:26
Defining the Delete Route
03:02
Refactoring Our API
07:32

Codealong: Single Page Todo List with Express, Mongo, and jQuery

8 lectures
Introducing Our Single Page App
03:08
Serving Static Files and Nodemon
06:34
Adding jQuery and The Starter CSS
04:22
Writing The Initial AJAX Call
08:03
Displaying Our Todos Correctly
02:46
Connecting the Form to our API
09:50
Making the Delete Button Work
14:29
Toggling Todo Completion
14:02

ES2015 Part I

23 lectures
Section Introduction
01:19
Introduction to ES2015
02:57
Const
02:25
Let
04:35
Let and Const
6 questions
Template Strings
01:27
Introduction to Arrow Functions
02:22
Arrow Functions Continued
05:29
Coding Exercise - Arrow Functions Exercises
1 question
Exercise SOLUTION: Arrow Functions
01:58
Default Parameters
01:39
For...of Loops
02:03
Rest
02:28
Spread
02:24
Coding Exercise - Rest and Spread Exercises
1 question
Exercise SOLUTION: Rest and Spread
03:20
Object Enhancements
02:03
Object Enhancements
3 questions
Object Destructuring
04:38
Array Destructuring
02:14
Coding Exercise - Destructuring Exercises
1 question
Exercise SOLUTION: Destructuring
02:30
ES2015 Part I Recap
01:26

ES2015 Project - Guess the Password

4 lectures
Section Introduction
00:46
Introduction to Guess the Password
01:41
Guess the Password Code Walkthrough
07:34
Guess the Password Refactor
03:44

ES2015 Part II

24 lectures
Section Introduction
01:21
Introduction to the 'class' Keyword
03:14
Instance Methods
01:58
Class Methods
01:45
Coding Exercise - Class Keyword Exercises
1 question
Class Solutions
01:21
Inheritance with ES2015
01:47
Super
01:49
Coding Exercise - Inheritance and Super
1 question
Exercise SOLUTION: Inheritance and Super
01:54
ES2015 'class' Keyword Recap
01:06
Maps
02:31
Sets
01:25
Coding Exercise - Maps and Sets Exercises
1 question
Exercise SOLUTION: Maps and Sets
03:18
Promises
04:53
Promises Continued
01:55
ES2015 Promises Assignment
01:10
Exercise SOLUTION: Promises
03:11
Generators
02:51
Object.assign and Array.from
03:34
Additional Helpful ES2015 Methods
03:18
Coding Exercise - ES2015 Methods Exercises
1 question
Exercise SOLUTION: ES2015 Methods
01:51

ES2016 and ES2017

8 lectures
Section Introduction
00:57
ES2016 Exponentiation Operator and Includes
02:32
padStart and padEnd
01:26
Async Functions Introduction
03:56
Async Functions Continued
02:26
Coding Exercise - Async Functions Assignment
01:09
Exercise SOLUTION: Async Functions
01:17
Object Rest and Spread + Recap
02:56

D3 and the DOM

10 lectures
Section Introduction
01:02
An Introduction to D3
04:07
D3 Selections
04:43
Selections and Callbacks
02:37
Event Listeners in D3
05:00
D3 Selections Quiz
8 questions
Exercise: Guess the Password Refactor
00:17
Solution: Guess the Password Refactor
04:57
Exercise: Notes App
01:17
Solution: Notes App
05:40

Data Joins and Update Patterns in D3

8 lectures
Section Introduction
00:37
Basic Data Joins and Enter Selections
06:41
Exit Selections and Key Functions
04:50
D3 Data Joins Fundamentals Quiz
7 questions
The General Update Pattern in D3
04:38
D3 Update Patterns Quiz
15 questions
Exercise: Character Frequencies
01:37
Solution: Character Frequencies
06:26

SVG and D3

10 lectures
Section Introduction
00:52
Introduction to SVG
04:54
Rectangles, Polygons, and Circles in SVG
04:10
Text Elements in SVG
02:26
Path Elements in SVG
06:08
Exercise: SVG Flags
01:14
Solution: SVG Flags
05:55
Introduction to SVG and D3
07:11
Exercise: Character Frequencies Revisited
00:56
Solution: Character Frequencies Revisited
05:39

Intermediate D3

14 lectures
Section Introduction
00:43
Extrema and Scales
05:31
Scatterplots
05:50
Axes and Gridlines
06:33
Exercise: Scatterplot
02:01
Solution: Scatterplot
06:42
Histograms
09:07
Histograms Continued
05:46
Exercise: Histograms
01:03
Solution: Histograms
07:41
Pie Charts
08:17
Pie Charts Continued
04:34
Exercise: Pie Charts
01:53
Solution: Pie Charts
06:48

D3 Odds and Ends, and Advanced Graph Types

13 lectures
Section Introduction
01:02
Tooltips
07:15
Transitions
08:06
Managing Asynchronous Code with D3
08:03
Exercise: D3 Odds and Ends
01:47
Solution: D3 Odds and Ends
07:05
An Introduction to GeoJSON
05:10
An Introduction to TopoJSON
05:39
Map Visualization Example
08:17
Nodes in Force-Directed Graphs
06:32
Links in Force-Directed Graphs
04:51
Dragging Nodes and Alpha Values
06:52
General Update Pattern with Force-Directed Graphs
08:55

Project: Building a Data Dashboard with D3

3 lectures
Project: Introduction and Requirements
02:53
Project: Example Solution Part 1
07:02
Project: Example Solution Part 2
07:27

Introduction To React and JSX

10 lectures
START HERE FOR REACT
00:44
Section Introduction
00:56
How To Get Our React Solution Code
00:48
Front-end Framework Introduction
05:44
First React Component
06:41
JSX
05:13
JSX With JavaScript
09:13
Exercise: Random Box
00:54
Random Box Assignment Solution
04:13
Multiple React Components
06:02

Create React App and Props

12 lectures
Create React App
04:43
Create React App: Files
04:16
JavaScript Import Statements
09:35
Import HobbyList Assignment
00:18
Import HobbyList Solution
01:53
Intro to Props
02:43
Recipe App With Props
09:27
Recipe App With Props Continued
08:33
Default Props and Prop Types
06:53
Recipe App Props Exercise
01:59
Recipe App Props Solution
09:47
props.children
02:00

State

10 lectures
Section Introduction
00:31
Intro to State
04:28
Pure Functions
03:40
Update Complex State Exercise
02:24
Update Complex State Solution
12:04
React Component Architecture
09:28
setState Can Be Tricky
03:46
React DevTools
02:09
Colored Boxes Exercise
02:09
Colored Boxes Solution
08:28

The Virtual DOM, Events, and Forms

15 lectures
Section Introduction
00:33
The Virtual DOM
04:35
Events
05:47
Forms
04:22
Todo App Exercise
00:55
Todo App Solution
05:55
Refs
02:48
Recipe App With State
04:56
Recipe App With State - New Recipe Form
11:40
Recipe App With State - Saving The New Recipe
06:31
Recipe App With State - Show/Hide Form
06:50
Recipe App With State - Delete Recipe
04:39
Memory Game
02:38
Memory Game Solution Part 1
07:24
Memory Game Solution Part 2
09:21

Component Lifecycle Methods

4 lectures
Introduction To Component Lifecycle Methods
03:22
Component Lifecycle Method Examples
06:59
Country Flag Guessing App Exercise
01:22
Country Flag Guessing App Solution
09:38

Building A Full-Stack App With React

9 lectures
Setting Up Our Express/Mongo API
07:04
Creating Our React App
04:43
Adding the TodoList Component
04:28
Loading Initial Data from API
12:37
Creating the TodoItem Component
08:19
Adding the TodoForm Component
16:01
Deleting Todos
07:49
Toggling Todos
08:52
Refactoring API Calls with Async Functions
10:27

React Router

4 lectures
Section Introduction
00:33
HTML5 History Object
06:39
Introduction to React Router
07:10
Introduction to React Router Continued
04:56

Redux Introduction

4 lectures
Section Introduction
00:34
Introduction to Redux Without React
06:07
React With Redux
03:52
Organizing Redux
04:54

In Depth Redux Code Walkthrough

9 lectures
Redux Intro
22:57
Redux Counter
16:17
Redux Todos
26:21
Redux React Intro
18:39
Redux React Continued
20:54
Redux React mapDispatchToProps
06:17
React Router Redux
13:32
Todos Node Backend
13:08
Full Stack Redux
22:20

Warbler Introduction and Backend Part 1

8 lectures
Warbler Intro
01:52
Introduction to Authentication
06:11
Getting Started with the Backend
08:46
Adding an Error Handler
04:11
Adding a User Model
05:25
User Middleware
05:48
Storing Passwords Properly
15:37
Section Review
06:13

Warbler Backend Part 2

7 lectures
Adding Signin Functionality
04:58
Messages Intro
06:14
Creating a message
08:53
Adding loginRequired middleware
05:02
Adding ensureCorrectUser middleware
05:36
Adding additional messages routes
05:30
Testing with HTTPie and Review
03:57

Warbler Frontend Part 1

11 lectures
Warbler Frontend Introduction
05:04
Reducers - errors and currentUser
08:36
Warbler Redux Store setup
06:25
Adding a Navbar
06:16
Styling the Navbar Component
07:09
Warbler Main Component
04:49
Styling the Homepage Component
05:54
Warbler Authform Part 1
07:58
Warbler Authform Part 2
04:04
Warbler Authform Part 3
09:51
Warbler Frontend Section Review
02:49

Warbler Frontend Part 2

13 lectures
Handling Error Messages with Redux
06:36
Redirecting with React Router and Redux
04:49
Logging out a User
05:02
Adding a JWT to HTTP Headers
09:34
Displaying Messages
10:51
Message List Component
06:40
Higher Order Components for Authentication
05:14
Adding a new Message
09:02
Deleting a Message
06:00
Displaying the correct Delete Message button
02:29
Additional Styling and Section Review
03:06
Deploying the Backend
05:01
Deploying the Frontend
06:57

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.