Course Introduction

The Story Of This Course
Curriculum Walkthrough
Learning Paths
Introducing the Team

CSS Animations: Transforms and Transitions

Section Introduction
Introduction to CSS Animations
Why Animations Matter
Intro to Pseudoclasses
Pseudo-Classes: Hover
First Pseudo-Class Quiz
Pseudo-Classes: Focus
Pseudo-Classes: Active
Quick Pseudoclasses Exercise
Building An Animated Button
Introduction to Transform
Transform: Translate
Transform:Scale() and Transform-Origin
Transform: Rotate()
A Note on Vendor Prefixes
Transitions Basics
Transition-Duration and Transition-Property
Transition-Timing-Function and Transition-Delay
Transition Shorthand
CSS Animation Performance
Building An Animated Gallery

CSS Animations: Keyframes

Introduction to Keyframes
Codealong: Animated Rainbow Flashing Text
Other CSS Animation Properties
Exercise: Rising and Setting Sun Animation
Exercise Solution : Rising and Setting Sun Animation
CSS Animation Shorthand
Building an Animated CSS Loading Icon

Advanced CSS: Layout With Flexbox

Section Introduction
Introduction To Flexbox
The Magic of Display: Flex
Important Flexbox Terminology
Flex-Direction
Flex-Wrap
Flexbox Quiz
Justify-Content
Flexbox Sidebar Exercise
Flexbox Sidebar Exercise: SOLUTION
Align-Items
Align-Content
Building A Responsive Navbar CODEALONG
Align-Self
Order
flex-basis
flex-grow
Flex-Shrink
Building a Polygon.com Widget
Exercise: Holy Grail Layout
Exercise: Holy Grail Layout SOLUTION
Flexbox Browser Support

Project: Building A Startup Site

Introducing Matt
Section Introduction
Project: Introduction
Project Solution: Nav and Header
Project Solution: Destinations and Features
Project Solution: Testimonials, Contact, and Footer
Project Solution: Responsive Design

Async Foundations

Introducing Tim
Introduction
Callback Functions
Codealong: for Each
findIndex Exercise Intro
findIndex
findIndex Solution
The Stack And The Heap
The Stack: An Example
setTimeout and setInterval
Exercise: countDown Function
countDown Exercise Solution
The Event Loop And The Queue
Event Loop Quiz
Promise Basics
Promise Chaining

AJAX Part 1: XHR and Fetch

Intro to AJAX
What's the deal with JSON and XML?
Making Our First Request with XMLHTTPRequest
AJAX Workflow: Building The Random Image App
Bitcoin Price Exercise
Bitcoin Price Exercise Solution
Fetch Introduction
Fetch Options
Fetch Error Handling
Fetch Random User Profile Exercise
Fetch Random User Profile Exercise Solution
The Problem With Fetch

AJAX Part 2: jQuery and Axios

jQuery AJAX Introduction
jQuery$.ajax Method
Digging In The jQuery Sourcecode
jQuery AJAX Shorthand Methods
jQuery Random Cats API Exercise
jQuery Random Cats Exercise SOLUTION
Axios Intro
Axios Error Handling
Ron Swanson Exercise
Ron Swanson Exercise Solution

Testing With Jasmine

Introducing Elie
Section Introduction
Writing Tests in the Browser
Jasmine Syntax and Matchers
Writing Better tests with Hooks
Quiz - Jasmine Matchers and Hooks
Spies
Quiz - Jasmine Spies
Clocks
Jasmine Async
TDD and BDD
Different Types of Tests

Advanced Array Methods

Section Introduction
foreach
Exercise: forEach
Exercise SOLUTION: forEach
map
Exercise: Map
Exercise: SOLUTION: Map
Filter
Exercise: Filter
Exercise SOLUTION: Filter
Some
Every
Exercise: Some and Every
Exercise SOLUTION: Some and Every
Reduce
Reduce Continued
Exercise: Reduce
Exercise SOLUTION: Reduce
Array Methods Recap

Closures and the Keyword 'this'

Section Introduction
Introduction to Closures
Using Closures in the Wild
Exercise: Closures
Exercise SOLUTION: Closures
Closures Recap
Introduction to the Keyword 'this'
'this' with Functions and "use strict"
Object/Implicit Binding
Explicit Binding
Call
Apply
Bind
Bind Continued
Exercise: Call, Apply, and Bind
Exercise SOLUTIONS: Call, Apply, Bind
The 'new' Keyword and section recap

Object Oriented Programming with JavaScript

Section Introduction
Introduction to Object Oriented Programming with JavaScript
The 'new' Keyword
Refactoring with Multiple Constructors
Constructor Functions Recap
Exercise: Constructor Functions
Exercise SOLUTION: Constructor Functions
Introduction to Prototypes
The Prototype Chain
Adding Methods to the Prototype
Exercise: Prototypes
Exercise SOLUTIONS: Prototypes
Prototypal Inheritance
Exercise: Inheritance
Exercise SOLUTIONS: Inheritance
Object Oriented Programming Recap

Creating JSON API's With Node and Mongo

Section Introduction
Preparing For React
Defining Our API Gameplan
Super Important: Updated C9 Installation Instructions
Installing NodeJS
Cloud9 Without A Credit Card Instructions
Installing Node Locally
Creating Our Initial Express Application
Responding With JSON
Installing Mongo
Defining Our Schema
Defining The Index Route
Defining The Create Route
Defining The Show Route
Defining the Update Route
Defining the Delete Route
Refactoring Our API

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

Introducing Our Single Page App
Serving Static Files and Nodemon
Adding jQuery and The Starter CSS
Writing The Initial AJAX Call
Displaying Our Todos Correctly
Connecting the Form to our API
Making the Delete Button Work
Toggling Todo Completion

ES2015 Part I

Section Introduction
Introduction to ES2015
Const
Let
Let and Const
Template Strings
Introduction to Arrow Functions
Arrow Functions Continued
Coding Exercise - Arrow Functions Exercises
Exercise SOLUTION: Arrow Functions
Default Parameters
For...of Loops
Rest
Spread
Coding Exercise - Rest and Spread Exercises
Exercise SOLUTION: Rest and Spread
Object Enhancements
Object Enhancements
Object Destructuring
Array Destructuring
Coding Exercise - Destructuring Exercises
Exercise SOLUTION: Destructuring
ES2015 Part I Recap

ES2015 Project - Guess the Password

Section Introduction
Introduction to Guess the Password
Guess the Password Code Walkthrough
Guess the Password Refactor

ES2015 Part II

Section Introduction
Introduction to the 'class' Keyword
Instance Methods
Class Methods
Coding Exercise - Class Keyword Exercises
Class Solutions
Inheritance with ES2015
Super
Coding Exercise - Inheritance and Super
Exercise SOLUTION: Inheritance and Super
ES2015 'class' Keyword Recap
Maps
Sets
Coding Exercise - Maps and Sets Exercises
Exercise SOLUTION: Maps and Sets
Promises
Promises Continued
ES2015 Promises Assignment
Exercise SOLUTION: Promises
Generators
Object.assign and Array.from
Additional Helpful ES2015 Methods
Coding Exercise - ES2015 Methods Exercises
Exercise SOLUTION: ES2015 Methods

ES2016 and ES2017

Section Introduction
ES2016 Exponentiation Operator and Includes
padStart and padEnd
Async Functions Introduction
Async Functions ContinuedCoding Exercise - Async Functions Assignment
Exercise SOLUTION: Async Functions
Object Rest and Spread + Recap

D3 and the DOM

Section Introduction
An Introduction to D3
D3 Selections
Selections and Callbacks
Event Listeners in D3
D3 Selections Quiz
Exercise: Guess the Password Refactor
Solution: Guess the Password Refactor
Exercise: Notes App
Solution: Notes App

Data Joins and Update Patterns in D3

Section Introduction
Basic Data Joins and Enter Selections
Exit Selections and Key Functions
D3 Data Joins Fundamentals Quiz
The General Update Pattern in D3D3 Update Patterns Quiz
Exercise: Character Frequencies
Solution: Character Frequencies

SVG and D3

Section Introduction
Introduction to SVG
Rectangles, Polygons, and Circles in SVG
Text Elements in SVG
Path Elements in SVG
Exercise: SVG Flags
Solution: SVG Flags
Introduction to SVG and D3
Exercise: Character Frequencies Revisited
Solution: Character Frequencies Revisited

Intermediate D3

Section Introduction
Extrema and Scales
Scatterplots
Axes and Gridlines
Exercise: Scatterplot
Solution: Scatterplot
Histograms
Histograms Continued
Exercise: Histograms
Solution: Histograms
Pie Charts
Pie Charts Continued
Exercise: Pie Charts
Solution: Pie Charts

D3 Odds and Ends, and Advanced Graph Types

Section Introduction
Tooltips
Transitions
Managing Asynchronous Code with D3
Exercise: D3 Odds and Ends
Solution: D3 Odds and Ends
An Introduction to GeoJSON
An Introduction to TopoJSON
Map Visualization Example
Nodes in Force-Directed Graphs
Links in Force-Directed Graphs
Dragging Nodes and Alpha Values
General Update Pattern with Force-Directed Graphs

Project: Building a Data Dashboard with D3

Project: Introductions and Requirements
Project: Example Solution Part 1
Project: Example Solution Part 2

Introduction To React and JSX

Start Here For React
Section Introduction
How To Get Our React Solution Code
Front-end Framework Introduction
First React Component
JSX
JSX With JavaScript
Exercise: Random Box
Random Box Assignment Solution
Multiple React Components

Create React App and Props

Create React App
Create React App: Files
JavaScript Import Statements
Import HobbyList Assignment
Import HobbyList Solution
Intro to Props
Recipe App With Props
Recipe App With Props Continued
Default Props and Prop Types
Recipe App Props Exercise
Recipe App Props Solution
props.children

State

Section Introduction
Intro to State
Pure Functions
Update Complex State Exercise
Update Complex State Solution
React Component Architecture
setState Can Be Tricky
React DevTools
Colored Boxes Exercise
Colored Boxes Solution

The Virtual DOM, Events, and Forms

Section Introduction
The Virtual DOM
Events
05:47
Forms
Todo App Exercise
Todo App Solution
Refs
Recipe App With State
Recipe App With State - New Recipe Form
Recipe App With State - Saving The New Recipe
Recipe App With State - Show/Hide Form
Recipe App With State - Delete Recipe
Memory Game
Memory Game Solution Part 1
Memory Game Solution Part 2

Component Lifecycle Methods

Introduction To Component Lifecycle Methods
Component Lifecycle Method Examples
Country Flag Guessing App Exercise
Country Flag Guessing App Solution

Building A Full-Stack App With React

Setting Up Our Express/Mongo API
Creating Our React App
Adding the TodoList Component
Loading Initial Data from API
Creating the TodoItem Component
Adding the TodoForm Component
Deleting Todos
Toggling Todos
Refactoring API Calls with Async Functions

React Router

Section Introduction
HTML5 History Object
Introduction to React Router
Introduction to React Router Continued

Redux Introduction

Section Introduction
Introduction to Redux Without React
React With Redux
Organizing Redux

In Depth Redux Code Walkthrough

Redux Intro
Redux Counter
Redux Todos
Redux React Intro
Redux React Continued
Redux React mapDispatchToProps
React Router Redux
Todos Node Backend
Full Stack Redux

Warbler Introduction and Backend Part 1

Warbler Intro
Introduction to Authentication
Getting Started with the Backend
Adding an Error Handler
Adding a User Model
User Middleware
Storing Passwords Properly
Section Review

Warbler Backend Part 2

Adding Signin Functionality
Messages Intro
Creating a message
Adding loginRequired middleware
Adding ensureCorrectUser middleware
Adding additional messages routes
Testing with HTTPie and Review

Warbler Frontend Part 1

Warbler Frontend Introduction
Reducers - errors and currentUser
Warbler Redux Store setup
Adding a Navbar
Styling the Navbar Component
Warbler Main Component
Styling the Homepage Component
Warbler Authform Part 1
Warbler Authform Part 2
Warbler Authform Part 3
Warbler Frontend Section Review

Warbler Frontend Part 2

Handling Error Messages with Redux
Redirecting with React Router and Redux
Logging out a User
Adding a JWT to HTTP Headers
Displaying Messages
Message List Component
Higher Order Components for Authentication
Adding a new Message
Deleting a Message
Displaying the correct Delete Message button
Additional Styling and Section Review
Deploying the Backend
Deploying the Frontend

Popular Searches

The Advanced Web Developer Bootcamp

Online

₹ 3499

Quick Facts

Course overview

The highlights

Program offerings

Course and certificate fees

Fees information

certificate availability

certificate providing authority

Who it is for

What you will learn

The syllabus

Course Introduction

CSS Animations: Transforms and Transitions

CSS Animations: Keyframes

Advanced CSS: Layout With Flexbox

Project: Building A Startup Site

Async Foundations

AJAX Part 1: XHR and Fetch

AJAX Part 2: jQuery and Axios

Testing With Jasmine

Advanced Array Methods

Closures and the Keyword 'this'

Object Oriented Programming with JavaScript

Creating JSON API's With Node and Mongo

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

ES2015 Part I

ES2015 Project - Guess the Password

ES2015 Part II

ES2016 and ES2017

D3 and the DOM

Data Joins and Update Patterns in D3

SVG and D3

Intermediate D3

D3 Odds and Ends, and Advanced Graph Types

Project: Building a Data Dashboard with D3

Introduction To React and JSX

Create React App and Props

State

The Virtual DOM, Events, and Forms

Component Lifecycle Methods

Building A Full-Stack App With React

React Router

Redux Introduction

In Depth Redux Code Walkthrough

Warbler Introduction and Backend Part 1

Warbler Backend Part 2

Warbler Frontend Part 1

Warbler Frontend Part 2

Instructors

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Thank You!

Download the Careers360 App on your Android phone