• No products in the cart.

Course Curriculum

Orientation. How to get ready for this course
Welcome to Complete Web Development Course 00:03:00
Overview of the course with Milestones and Projects 00:05:00
How to use Programming Hero Course Website 00:05:00
How to ask for help in the support group 00:08:00
Install Visual Studio Code where you will write code 00:05:00
Install git scm, the version control system you will use 00:05:00
Install Node that will be used in the future 00:04:00
How to take care of the video buffering 00:06:00
Module Summary and next steps 00:03:00
Learn and Explore HTML as a Beginner
Getting started with your first ever website 00:09:00
HTML language, markup, tags structure, paragraph tag 00:09:00
Bold, strong, how HTML tag works 00:07:00
Heading tag, different types of headings 00:06:00
HTML tag attribute, anchor, href, navigate 00:10:00
Display image (online image, local image, folder image) 00:12:00
List, Container tag, ordered list, unordered list 00:08:00
Button, input, div, span, w3schools, every html tags 00:08:00
HTML structure, head, body, title, meta tag 00:06:00
HTML Module Summary, 4 types of HTML tags 00:07:00
Learn and Explore CSS as a Beginner
Introduction to CSS Module, getting started with CSS 00:05:00
Style tag, embedded style, named color, hexcode, rgb 00:12:00
Background-color, height, width, font, css measuring units 00:12:00
CSS ID, apply styles to a specific HTML element 00:08:00
CSS class, apply styles to multiple elements, ID vs Class 00:10:00
Style a group of elements, style a small portion of text 00:08:00
Border, border radius, margin, different ways to set margin 00:10:00
Padding, different ways to set padding, CSS Box model 00:08:00
Text align, float, display, inline, block, inline-block, external CSS 00:11:00
CSS Module Summary 00:06:00
Git, source control, GitHub and hosting
What is GitHub? 00:03:00
Lesson quiz 3.1 00:05:00
Install git, create GitHub repository 00:08:00
Lesson quiz 3.2 00:05:00
Git init, git add, git commit, set origin 00:09:00
Lesson quiz 3.3 00:05:00
Git push, git pull 00:10:00
Lesson quiz 3.4 00:05:00
How to use Github Desktop software to use Github 00:13:00
[advanced: feel free to skip] Git branch and this will confuse you 00:11:00
Lesson quiz 3.5 00:05:00
Common git related issues faced by new github users 00:18:00
[advanced: feel free to skip] GitHub hosting complicated things 00:00:00
Lesson quiz 3.6 00:05:00
Github hosting related common issues 00:08:00
GitHub overall summary 00:03:00
Git Final Quiz 00:10:00
[Bonus] CSS Extra hover, position, specificity, homework
pseudoclass part hover all elements, hover special 00:06:00
pseudoclass focus first child, last child, nth child, visited 00:09:00
pseudo element before after 00:10:00
css position static relative absolute fixed 00:10:00
CSS specificity style order style priority 00:08:00
css homework and learn by yourself 00:04:00
Build a beautiful and professional portfolio website
Module Introduction, overview of the site you will build 00:03:00
Setup and resources needed to start your first ever project 00:10:00
Create HTML, link CSS, set title, span tag style 00:09:00
Simple image background remove, set fancy background 00:11:00
Float, Create container, Put two div side by side, Image size 00:08:00
Background Image, Background-repeat, neutralize default style 00:06:00
Link Button, target blank, text-decoration, linear gradient 00:08:00
Dream image, half-width, background remove 00:09:00
Dream area, dream text and download resume link button 00:07:00
Experience Area, text highlight, meaningful class name 00:08:00
Box shadow, border image, gradient angle, footer 00:12:00
Website hosting, live portfolio link, portfolio summary 00:08:00
Personal website, build a brand new website
Personal website, build a complete website by yourself 00:07:00
Personal Website Assignment 300, 00:00
HTML 5 Semantic tags, audio, video, table, form
audio, video, youtube video, Audio video (iframe) 00:10:00
HTML5 Semantic tags section article aside mark 00:15:00
html table tbody thead td th caption and table style 00:13:00
html form input label fieldset legend textarea submit 00:15:00
others (favicon comments attributes option closing tag ) 00:14:00
Module Summary HTML5 00:05:00
CSS3 overflow, transition, transform, flexbox, grid layout
CSS3 Module Introduction 00:03:00
CSS Overflow hidden overflow scroll 00:08:00
Optimize images, types of images, svg, png, jpg 00:13:00
css transform and use multiple transform at the same time 00:09:00
transition of css property over time 00:10:00
Create simple cricket match with transition and transform 00:15:00
css animation and bounce effect with balls 00:14:00
flexbox, flex direction justify content align items 00:11:00
CSS Grid layout template columns grid gap 00:11:00
create calendar using css grid and flex box 00:09:00
css media query based on device and using flexbox 00:15:00
CSS3 and intermediate css module summary 00:05:00
Learn and Explore Bootstrap
Module Introduction, Purpose of Bootstrap 00:02:00
Lession quiz 8.1 00:05:00
Getting started with Bootstrap 00:10:00
Lession quiz 8.2 00:05:00
Buttons, text color, background corlor, color pallate 00:11:00
Lession quiz 8.3 00:05:00
Image, Responsive image, width style, image thumbnail 00:09:00
Lession quiz 8.4 00:05:00
Website card, card design, card image, card deck 00:09:00
Lession quiz 8.5 00:05:00
Nav tag, Navigation, nav bar, use ul-li for navigation 00:10:00
Lession quiz 8.6 00:05:00
Website Layout, Responsive website 00:07:00
Lession quiz 8.7 00:05:00
Grid layout, row, column, 12 column layout 00:11:00
Lession quiz 7.8 00:05:00
Responsive Grid, responsive break point 00:09:00
Lession quiz 8.9 00:05:00
Top banner animation, Image slide, Carousel 00:07:00
Lession quiz 8.10 00:05:00
Flex Layout, Element align, vertical and horizontal center 00:12:00
Lession quiz 8.11 00:05:00
Bootstrap Overview, Module Summary 00:06:00
Bootstrap final quiz 00:10:00
Develop an e-commerce website using Bootstrap
Website overview and different section that you will build 00:02:00
Lession quiz 9.1 00:05:00
Project setup, github repository, project resources 00:09:00
Lession quiz 9.2 00:05:00
Container, navbar, navbar item, links 00:08:00
Lession quiz 9.3 00:05:00
Simple top banner carousel, set image for carousel 00:05:00
Lession quiz 9.4 00:05:00
Advanced carousel with row and column divide 00:08:00
Lession quiz 9.5 00:05:00
Vertical center in carousel item, button style 00:12:00
Lession quiz 9.6 00:05:00
Categories, column gap, category in each row 00:19:00
Lession quiz 9.7 00:05:00
Shoe Category, card-deck, card box shadow 00:11:00
Lession quiz 9.8 00:05:00
Backpack Category, card footer, align button 00:09:00
Lession quiz 9.9 00:05:00
Subscribe Section, Horizontal and vertical center 00:11:00
Lession quiz 9.10 00:05:00
Footer, small tag, text center align 00:04:00
Lession quiz 9.11 00:05:00
Project summary, Code Recap 00:09:00
E-commerce website final quiz 00:10:00
Hot Gadgets, e-commerce website by yourself
Hot Gadgets, e-commerce website by yourself 00:08:00
Landing Page Milestone Assignment
Electronic school Responsive bootstrap landing page assignment 00:12:00
Landing page assignment 300, 00:00
CSS Bonus Content
css position more explanation relative absolute 00:14:00
Apply relative position in a photo album 00:13:00
Apply transition transform in a practical situation 00:10:00
CSS Grid Layout Extra explanation and compare with flexbox 00:10:00
More discussion about display inline block inline-block 00:16:00
git feature branch and bug fix branch 00:13:00
inline css when and how to use inline css 00:14:00
How to start working on a responsive website 00:08:00
Setup navigation bar with bootstrap for a responsive website 00:16:00
Setting profiles rows padding and images 00:15:00
Responsive and gap to set three two or one items 00:10:00
Module summary 00:07:00
Revision Day 2
Revision Day 2 activities 00:09:00
Install Node and run node in Visual Studio Code 00:08:00
Getting started with Javascript
Module overview, need for Javascript 00:04:00
Lession quiz 12.1 00:05:00
Run Javascript in browser, run Javascript in VS Code 00:15:00
Lession quiz 12.2 00:05:00
What is variable, declare a variable, see output 00:06:00
Lession quiz 12.3 00:05:00
Variable type, Numeric, String, Boolean 00:10:00
Lession quiz 12.4 00:05:00
variable name naming convention and best practice 00:10:00
explore string case change index split 00:12:00
integer float parseInt parseFloat type conversion 00:12:00
Mathematical operations in JavaScript 00:13:00
Math absolute round floor ceil random 00:09:00
Make conditional decision, if-else, comparison 00:11:00
Lession quiz 12.10 00:05:00
Multiple conditions, fulfill both conditions, else if 00:10:00
Lession quiz 12.11 00:05:00
JavaScript Date timezone and Module Summary 00:07:00
JavaScript final quiz 00:10:00
JavaScript Fundamental Concepts
Fundamental JavaScript Module Introduction 00:05:00
Array, index, set by index, indexOf 00:11:00
Array advanced, push, pop, array length 00:06:00
array add and remove element from the beginning and slice 00:10:00
While loop, debug JavaScript code, less or equal 00:10:00
For loop, run a loop for each element of an array 00:12:00
javascript switch case break and default 00:10:00
Function, call function 00:06:00
Function parameter, multiple parameter, function return 00:10:00
Comment, multiple lines comment 00:04:00
Object, key value pair, get object property, set value 00:12:00
Basic JavaScript Overview, Module Summary 00:04:00
Apply Javascript Concepts
Module Introduction Apply JS 00:04:00
Unit Convert Inch to Feet use variable and function 00:14:00
variable let and const and how to use them 00:12:00
check whether a year is a Leap Year or not 00:13:00
Calculate Factorial of a number using for loop 00:14:00
Calculate Factorial of a number using a while loop 00:10:00
Calculate Factorial in a Recursive function 00:12:00
Create a Fibonacci Series using a for loop 00:12:00
Fibonacci Element in a Recursive Way 00:07:00
create Fibonacci series in a recursive way 00:10:00
Check whether a number is a Prime Number or not 00:14:00
Apply Basic JavaScript Module Summary 00:05:00
Javascript coding problems, Simple Interview Question
Module Introduction, problem setup 00:03:00
Swap variable, swap without temp, destructing 00:11:00
Lession quiz 15.2 00:05:00
Random number, random number between 1 to 6 00:11:00
Lession quiz 15.3 00:05:00
Find max of two values, find max of three values 00:09:00
Lession quiz 15.4 00:05:00
Find the largest element of an array 00:08:00
Lession quiz 15.5 00:05:00
Sum of all numbers in an array 00:09:00
Lession quiz 15.6 00:05:00
Remove duplicate item from an array 00:09:00
Lession quiz 15.7 00:05:00
Count the number of words in a string 00:10:00
Lession quiz 15.8 00:05:00
Reverse a string 00:07:00
Lession quiz 15.9 00:05:00
Module summary 00:05:00
Problem solving final quiz 00:10:00
Problem Solving assignment
Problem Solving assignment 00:15:00
Problem Solving assignment 300, 00:00
Basic JavaScript Bonus Module
revisit Variable, string, array, loop 00:11:00
Remove confusion with function and function vs loop 00:14:00
how recursion works and recursion vs iterative 00:13:00
Travelling in a Jungle and counting wild animals 00:15:00
Is Problem Solving Important Should I focus on it 00:05:00
Serious Web Developer Productivity, Efficiency, Tips & Tricks
typing practice, typing lesson, typing test 00:03:00
Lession quiz 11.1 00:05:00
developer question answer, Stack Overflow, weekly newsletter 00:08:00
Lession quiz 11.2 00:05:00
Emmet, magic to write large amount HTML and CSS 00:09:00
Lession quiz 11.3 00:05:00
Live server, automatic reload of the website after save 00:06:00
Lession quiz 11.4 00:05:00
VSCode extension, JavaScript code snippet, ES linter 00:05:00
Lession quiz 11.5 00:05:00
Visual Studio Code shortcut key, settings change 00:07:00
Lession quiz 11.6 00:05:00
VS code multi cursor and multi line edit magic 00:10:00
Lession quiz 11.7 00:05:00
Module Summary, keep updated about skills 00:03:00
Productivity final quiz 00:10:00
How Javascript Works & DOM
JavaScript and DOM Module Introduction 00:03:00
Create Script tag and connect external Script file 00:12:00
How Javascript Run and why script order is important 00:12:00
What is DOM (Document Object Model) 00:10:00
Capture Elements from HTML File using getElementById 00:10:00
how to use getElementsByClassName and change innerHTML 00:12:00
How to use querySelector and querySelectorAll 00:09:00
node, node type, nodelist, htmlcollection, setAttribute 00:13:00
How to add elements to HTML using Javascript 00:10:00
module summary Javascript and DOM 00:04:00
Function, addEventListener, Event bubble
When to use a function, function inside an array 00:19:00
When to return from a function and from where 00:13:00
Callback function and pass different function 00:12:00
arguments and deal with unknown number of arguments 00:09:00
How to organize code inside a function 00:09:00
What is Event, different types of event in web 00:08:00
add event handler directly on an element 00:10:00
add event listener using javascript 00:14:00
Event bubble with example 00:13:00
Stop propagating event bubble 00:05:00
Event delegate and purpose of Event bubble 00:21:00
Function, Event, Event bubble module summary 00:05:00
Pioneer Bank, develop a simple bank website
Project overview, Transaction and balance update 00:02:00
Project Setup, github integration, bootstrap text align 00:09:00
Login window, input field, password text field, form control 00:09:00
Get HTML elements by tag, class or Id, Add Event Listener 00:13:00
CSS styles in Javascript, Dynamically hide an element 00:08:00
Dynamically display a hidden element using Javascript 00:06:00
Deposit, Withdraw, Balance area, add column margin 00:10:00
Submit transaction, placeholder help text for input 00:07:00
Deposit button event handler, capture deposit amount 00:07:00
Get innerText using Javascript, update text dynamically 00:08:00
Update two fields at the same time, create function 00:11:00
Money withdraw event handler, cleaner code with function 00:11:00
Update withdraw amount, Reduce balance for withdraw 00:05:00
Module summary and overall project overview 00:08:00
Shopping Cart, Develop an interactive shopping Cart
Shopping Cart, Develop an interactive shopping Cart 00:08:00
How to start a simple Javascript project 00:14:00
Module Introduction Revisit JavaScript 00:00:00
How to learn any Programming Language 00:00:00
How to name variable and where to declare variable 00:00:00
conditional code format and some feedback 00:00:00
function return data and if possible similar data 00:00:00
function return and more feedback 00:00:00
shopping cart increase case count 00:00:00
shopping cart handle decrease of count 00:00:00
calculate all product total 00:00:00
calculate tax and grand total 00:00:00
Module Summary Revisit Javascript and Shopping cart 00:00:00
Global vs local variable IIFE function expression vs declaration 00:00:00
Four situation when you should create a function 00:00:00
when and how to use arguments in a function 00:00:00
when and how to use javascript callback function 00:00:00
concept of event bubble and event delegation 00:00:00
build a digital calculator practice problem 00:00:00
Pin matcher assignment
Pin matcher assignment to integrate javascript 00:00:00
Pin Matcher Assignment 100, 00:00
Modern JavaScript, ES6, S2015, ECMASCRIPT 2015
Module overview, ES6, github integration setup 00:06:00
Lession quiz 14.1 00:05:00
Let, const, array declared with const, object declared with const 00:11:00
Lession quiz 14.2 00:05:00
Function default parameter for not provided values 00:05:00
Lession quiz 14.3 00:05:00
Template String, multiple line string 00:08:00
Lession quiz 14.4 00:05:00
Arrow function, multiple parameter, function body 00:10:00
Lession quiz 14.5 00:05:00
Spread operator, concatenate multiple arrays, array max 00:10:00
Lession quiz 14.6 00:05:00
Class, constructor, create object from class 00:10:00
Lession quiz 14.7 00:05:00
Inheritance, extends class, super, class method 00:09:00
Lession quiz 14.8 00:05:00
ES6 Module summary 00:05:00
ES6 final quiz 00:10:00
Advanced JavaScript, Javascript Interview Questions
Module Overview, git integration setup 00:04:00
Lession quiz 15.1 00:05:00
Truthy and Falsy values 00:11:00
Lession quiz 15.2 00:05:00
Null Vs Undefined, different ways you will get undefined 00:10:00
Lession quiz 15.3 00:05:00
== vs ===, implicit conversion 00:08:00
Lession quiz 15.4 00:05:00
map, filter, find, smart way to run for loop 00:15:00
Lession quiz 15.5 00:00:00
Apply map, filter, find on an array of objects 00:07:00
Lession quiz 15.6 00:05:00
Arguments, array like objects, log all array elements 00:07:00
Lession quiz 15.7 00:05:00
Scope, block scope, access outer scope variable 00:13:00
Lession quiz 15.8 00:05:00
Closure, encapsulation, private variable 00:09:00
Lession quiz 15.9 00:05:00
Array slice, splice, array join elements 00:09:00
Lession quiz 15.10 00:05:00
Module Summary and overview 00:08:00
Advanced JavaScript Final quiz 00:10:00
API JSON, Server, Data load, dynamic website, http
Module overview, what you will learn from this module 00:02:00
Lession quiz 16.1 00:05:00
How internet works, DNS server, hosting server, database 00:07:00
Lession quiz 16.2 00:05:00
What is an API, the purpose of API, GET, POST 00:06:00
Lession quiz 16.3 00:05:00
JSON, JSON Structure, parse, stringify, JSON properties 00:10:00
Lession quiz 16.4 00:05:00
Load Data, JSON placeholder, GET data, display data on UI 00:13:00
Lession quiz 16.5 00:05:00
HTTP request, Status code, network tab, bad API 00:11:00
Lession quiz 16.6 00:05:00
Send data to the server, HTTP POST Method, GET Vs POST 00:04:00
Lession quiz 16.7 00:05:00
Send data to server, HTTP Post, JSON Stringify 00:11:00
Lession quiz 16.8 00:05:00
JQuery ajax, JQuery get, JQuery post 00:04:00
Lession quiz 16.9 00:05:00
Module Summary, API, Server Overview 00:03:00
API final quiz 00:10:00
bind, call, appy, window, this, async-await, date
multiple ways to set DOM event handler 00:10:00
object method property review 00:09:00
object use bind to borrow method from another object 00:12:00
difference between bind, call and apply 00:12:00
window, global variable, global scope 00:17:00
new keyword, class and object difference 00:09:00
how to understand the this keyword 00:14:00
async await how to use it for async call 00:16:00
Asynchronous Javascript setTimeout, setInterval 00:10:00
How Javascript works event loop stack and queue 00:04:00
JavaScript Datetime timezone and others 00:07:00
Install React using Create React App 00:00:00
How Browser Works, browser api and methods
Module Overview, ContentEditable, live edit 00:03:00
Lession quiz 17.1 00:05:00
How Browser works, DOM tree, Render Tree 00:08:00
Lession quiz 17.2 00:05:00
Website alert, confirmation, prompt to collect data 00:07:00
Lession quiz 17.3 00:05:00
URL, URL parts, query string, hash, subdomain 00:07:00
Lession quiz 17.4 00:05:00
document location, access href, hash, assign 00:05:00
Lession quiz 17.5 00:05:00
history api, back, forward, go, history length 00:05:00
Lession quiz 17.6 00:05:00
cookies, dev tool application tab, cookies at server 00:07:00
Lession quiz 17.7 00:05:00
local storage, session storage, edit storage information 00:09:00
Lession quiz 17.8 00:05:00
Browser clear cache, chrome extension, web store, restart 00:07:00
Lession quiz 17.9 00:05:00
Browser Overview, Module Summary 00:03:00
Browser final quiz 00:10:00
JavaScript debug, web debug, dev tool mastering
Module overview, salary app overview, git clone issues 00:05:00
Lession quiz 19.1 00:05:00
dev tool element tab, edit HTML, get style, device tab 00:13:00
Lession quiz 19.2 00:05:00
edit CSS style live, hover class, CSS box model, event handler 00:14:00
Lession quiz 19.3 00:05:00
sources tab, break point, call stack, console table 00:14:00
Lession quiz 19.4 00:05:00
console tab, preserve log, error log, console api 00:08:00
Lession quiz 19.5 00:05:00
network tab, request method, header, response type 00:05:00
Lession quiz 19.6 00:05:00
Performance tab, memory tab, Audit, application tab 00:05:00
Lession quiz 19.7 00:05:00
Module Summary, Deb tool debug Overview 00:04:00
Debug & Dev final quiz 00:10:00
One final recap day of javascript
Javascript Things you will need in React 00:00:00
Weather api practice problem
Explore fun tasks with borded api 00:00:00
Explore Random User API Who Am I 00:00:00
Practice Problem Temperature Hot openweathermap api 00:00:00
dev tool and bug fixing practice
Debugging dev tool and bug fixing practice 00:13:00
[optional] how to start fixing bug on a website 00:11:00
Hard rock music and lyrics search 00:00:00
Users API, Dynamic nested API and display multiple data from API 00:00:00
Hard Rock API Assignment 100, 00:00
JavaScript Blog day
Summary of the 10 things you have learned in Javascript 00:05:00
Modern Front-end application core concepts
Module overview and modern application core parts 00:02:00
Lession quiz 21.1 00:05:00
Web component, 4 types of component, identify component 00:07:00
Lession quiz 21.2 00:05:00
Template, dynamically create HTML elements based on data 00:16:00
Lession quiz 21.3 00:05:00
Single Page Application (SPA), Performance benefit 00:07:00
Lession quiz 21.4 00:05:00
Routing, Route parameter, Routing in Angular 00:06:00
Lession quiz 21.5 00:05:00
Website state, state management, purpose of state 00:06:00
Lession quiz 21.6 00:05:00
Charting framework, d3js, nvd3, chartjs 00:08:00
Lession quiz 21.7 00:05:00
Simple Angular Application, angular cli, routing 00:15:00
Lession quiz 21.8 00:05:00
Module Summary 00:04:00
Modern front-end final quiz 00:10:00
React Fundamental, JSX, Component, props, state, lifecycle
React Core concept module overview 00:05:00
Lession Quiz 39.1 00:05:00
Install React App use create react app 00:10:00
Lession Quiz 39.2 00:05:00
Create react app folder structure and favicon 00:12:00
Lession Quiz 39.3 00:05:00
JSX, Dynamic content, Dynamic Style in React 00:15:00
Lession Quiz 39.4 00:05:00
Component, 4 ways to identify a component 00:05:00
Lession Quiz 39.5 00:05:00
Create Component, return multiple HTML from a component 00:10:00
Lession Quiz 39.6 00:05:00
Pass dynamic data to components, props in react 00:16:00
Lession Quiz 39.7 00:05:00
Pass object to components and access object 00:15:00
Lession Quiz 39.8 00:05:00
Create multiple components from an array of objects 00:13:00
Lession Quiz 39.9 00:05:00
Introduction to Component state 00:08:00
Lession Quiz 29.10 00:05:00
Component state hook and set state method 00:10:00
Lession Quiz 39.11 00:05:00
Set and update state and set event handler in React 00:12:00
Lession quiz 39.12 00:05:00
Module Summary React Core Concepts 00:04:00
React core final quiz 00:10:00
How React works, Recap React Concepts
Module Introduction How React Works 00:00:00
Lession quiz 40.1 00:10:00
What is React 00:00:00
Lession quiz 40.2 00:10:00
Library vs Framework 00:00:00
Lession quiz 40.3 00:10:00
Angular vs react vs vue which one to learn 00:00:00
Lession quiz 40.4 00:10:00
Install React and React Component Recap 00:00:00
Lession quiz 40.5 00:10:00
Pass data through Props in React 00:00:00
Lession quiz 40.6 00:10:00
How to write and destructure usestate 00:00:00
Lession quiz 40.7 00:10:00
Event handler state update and pass state Recap 00:00:00
Lession quiz 40.8 00:10:00
How React works virtual dom diff algorithm fiber 00:00:00
Lession quiz 40.9 00:10:00
Render multiple component from an array recap 00:00:00
Lession quiz 40.10 00:10:00
Load data from API using useEffect recap 00:00:00
Lession quiz 40.11 00:10:00
Module Summary Recap and How React Works 00:00:00
Lession Final Quiz 40 00:10:00
Simple React SPA with Multiple Components
React Core concept module overview 00:05:00
Lession quiz 34.1 00:05:00
Install react set favicon and get resources 00:10:00
Lession quiz 34.2 00:05:00
Editor setup, default project setup clean 00:08:00
Lession quiz 34.3 00:05:00
Create a component, folder structure, website logo 00:12:00
Lession quiz 34.4 00:05:00
Setting up logo position, navigation, nav menu 00:07:00
Lession quiz 34.5 00:05:00
Create Shop Component, load data and set state 00:12:00
Lession quiz 34.6 00:05:00
Component layout, use flexbox, setup area container 00:06:00
Lession quiz 34.7 00:05:00
Product Component, send dynamic data by props 00:11:00
Lession quiz 34.8 00:05:00
Display more information in the Product Component 00:12:00
Lession quiz 34.9 00:05:00
Install third party library, font awesome, react-fontawesome 00:11:00
Lession quiz 34.10 00:05:00
Pass eventhandler to child component and handle event 00:12:00
Lession quiz 34.11 00:05:00
Cart state setup and update cart state on add to cart button click 00:06:00
Lession quiz 34.12 00:05:00
Total Product price, shipping cost, Tax and total price 00:19:00
Lession quiz 34.13 00:05:00
Simple React SPA module summary 00:03:00
React fundamentals final quiz 00:10:00
Revision day
Revision day after finishing milestone 00:05:00
Simple React SPA Practice
Ultra Nation load countries data using useEffect 00:00:00
display loaded data in a simple way 00:00:00
create child component and pass data 00:00:00
pass multiple data to a child component 00:00:00
how to add shared eventhandler 00:00:00
Create shopping cart and use array reduce 00:00:00
build your react app and host your react app in Netlify 00:00:00
[optional] how to create fake data in Javascript 00:00:00
React SPA practice to create a user collection 00:00:00
Simple React SPA Assignment to build a online class website 00:00:00
React Assignment 7 120, 00:00
Simple React Bonus
Explain reduce of an array with example 00:00:00
Where to declare event handler and make arrow function 00:00:00
Build team and how react works 00:00:00
React Bootstrap, Material UI, Axios, Rechart
Module Introduction React Bootstrap 00:00:00
use Bootstrap in your react application 00:00:00
getting started with react bootstrap 00:00:00
use jumbotron from react bootstrap 00:00:00
use multiple react bootstrap component 00:00:00
React Fragment empty element 00:00:00
getting started with Material UI 00:00:00
load data and display Material UI card 00:00:00
Use reachart to draw any type of chart using React 00:00:00
introduction to axios advance data loading system 00:00:00
Module summary 00:00:00
React Routing, State management
Module overview Routing Devtool and share state 00:09:00
Lession quiz 37.1 00:05:00
React Router, Install React Router Dom 00:08:00
Lession quiz 37.2 00:05:00
Setup Router, Router path, exact path not found path 00:12:00
Lession quiz 37.3 00:05:00
Dynamic path, set route path parameter 00:11:00
Lession quiz 37.4 00:05:00
Load data based on route parameter, conditional formatting 00:14:00
Lession quiz 37.5 00:05:00
Different ways to handle state, Make button navigate to a route 00:09:00
Lession quiz 37.6 00:05:00
Save state on Localstore, store key and count, virtual DOM 00:12:00
Lession quiz 37.7 00:05:00
Retrieve data from local storage, set cart from saved state 00:14:00
Lession quiz 37.8 00:05:00
Review Component, Review Items, CSS in Javascript style 00:10:00
Lession quiz 37.9 00:05:00
module summary 00:08:00
Lession quiz 37.10 00:05:00
More Router, React Devtool, conditional format
Module Introduction 00:00:00
Lesson quiz 38.1 00:10:00
Remove from cart, pass parameter on click, remove from state 00:00:00
Lesson quiz 38.2 00:10:00
Share components among multiple routes, share data on cart 00:07:00
Lession quiz 38.3 00:05:00
React Developer Tool, Chrome extension, Refactor add to Cart 00:16:00
Lession quiz 38.4 00:05:00
Sync state in multiple route, calculate total price in review page 00:10:00
Lession quiz 38.5 00:05:00
Please Order, Clear state, show conditional image 00:14:00
Lession quiz 38.6 00:05:00
Review of route dynamic parameters and useParams 00:00:00
Lession quiz 38.7 00:10:00
react router nested routes 00:10:00
Lession quiz 38.8 00:10:00
Explore more about Conditional Rendering 00:00:00
Lession quiz 38.9 00:10:00
Module summary 00:00:00
React router final quiz 00:10:00
React Router Practice Day
project setup and react router installation 00:00:00
setup simple react router with root and no match 00:00:00
create route parameter and read from route parameter 00:00:00
two ways to navigate dynamic route 00:00:00
Rest Countries React Router Practice Problem 00:00:00
Context Api, Use Reducer, Redux concepts
Module overview about state management 00:04:00
share state with sibling component 00:06:00
share data to grandchildren 00:09:00
context api set dynamic data 00:09:00
update context API from any child Component 00:10:00
filter data based on dynamic context change 00:18:00
Shortcut destructuring of props 00:15:00
Bonus Content
how localStorage and sessionStorage works 00:00:00
explain props and data flow parent to child 00:00:00
useState useEffect useParams useHistory hook overview 00:00:00
revisit shopping cart calculation and reduce 00:00:00
Assignment 8
Social buddy react router material ui assignment 00:00:00
React material ui assignment 8 180, 00:00
bonus content
how to implement Facebook Like button 00:00:00
handle multiple data loading style and nested data access 00:00:00
Why useState useEffect are called Hook 00:00:00
Simple React authentication using Firebase authentication
Module Introduction, authentication vs Authorization 00:07:00
Lession quiz 41.1 00:05:00
Create firebase project, Google Analytics Overview 00:10:00
Lession quiz 41.2 00:05:00
sign in method setup and email verification template 00:10:00
Lession quiz 41.3 00:05:00
Create simple authentication project, firebase config 00:12:00
Lession quiz 41.4 00:05:00
Install firebase, initialize firebase app 00:09:00
Lession quiz 41.5 00:05:00
Sign in with google, open google login popup 00:09:00
Lession quiz 41.6 00:05:00
Set logged in user in state, display logged in user info 00:11:00
Lession quiz 41.7 00:05:00
Not google user login, signout user 00:11:00
Lession quiz41.8 00:05:00
Module Summary 00:00:00
Login Form and Route Integration
Module Introduction Login form 00:00:00
Create simple login form email and password 00:00:00
form field validation using regular expression 00:00:00
Update State from Form Field 00:00:00
create new user and handle error message 00:00:00
toggle sign in and sign up form 00:00:00
Update user name and other information to firebase 00:00:00
How to handle facebook login 00:00:00
Module Summary 00:00:00
Shared auth and Protected Route
Module Introduction Auth Integration 00:00:00
create login route and set login form 00:00:00
create user context and set logged in user in context 00:00:00
Create Private Route and set auth Redirect 00:00:00
Redirect to the initial page and use Router Link 00:00:00
[optional] refactor Login manager to modularize code 00:00:00
[optional] more refactoring of sign in method 00:00:00
implement signout and redirect from private route 00:00:00
create shipment form using React hook form 00:00:00
Module Summary 00:00:00
Firebase auth Recap and useReducer
Module Introduction 00:00:00
get simple google login auth set 00:00:00
create user context to share it with multiple components 00:00:00
create private route to protect a path 00:00:00
another recap of firebase auth integration 00:00:00
Redux Core concepts Store Action dispatch reducer 00:00:00
a simple introduction of useReducer hook 00:00:00
use useReducer for a simple case 00:00:00
useReducer with collection 00:00:00
useReducer with action and payload 00:00:00
Getting started with Redux
Module introduction about Redux 00:06:00
install redux and react redux in a react app 00:08:00
setup a simple application to use redux 00:11:00
set actions and dispatch for redux cart 00:08:00
create Cart Reducers handle actions 00:13:00
create store use react redux provider 00:10:00
connect component with redux state and actions 00:13:00
use redux state and redux actions from a child component 00:10:00
use redux to read dynamic state 00:12:00
bug fix with redux reducer and action dispatch 00:14:00
Redux summary, Saga, Redux Dev Tool Chrome extension 00:13:00
bonus content
How to Publish a React application in Firebase 00:00:00
How to start react type application as assignment 00:00:00
Hot Onion Practice Problem (Router and firebase) 00:00:00
Firebase hosting and Travel Guru Assignment
How to Handle Return Promise From A Function 00:00:00
email verification password reset of an user 00:00:00
useLocation destructuring in Private Route 00:00:00
class Component and difference with hook 00:00:00
travel guru firebase authentication assignment 00:00:00
Travel guru firebase auth assignment 9 180, 00:00
Node, Express, get api, post api, postman
Module overview Introduction to Node 00:03:00
Lession quiz 47.1 00:05:00
Install express, start a server, your first api 00:16:00
Lession quiz 47.2 00:05:00
how to publish node project in git 00:00:00
Lession quiz 47.3 00:20:00
install nodemon, api return object, create multiple api 00:06:00
Lession quiz 47.4 00:05:00
dynamic api, api parameter, access params, access query 00:08:00
Lession quiz 47.5 00:05:00
use fetch to load data from server, middleware, handle cors 00:11:00
Lession quiz 47.6 00:05:00
create POST api, install postman, read post data, use body parser 00:10:00
Lession quiz 47.7 00:05:00
post data from website and read post api response 00:14:00
Lession quiz 47.8 00:05:00
Node express module summary 00:05:00
Node final quiz 00:10:00
Mongodb, cloud database integration, environment variable
mongodb and mongo atlas module overview 00:00:00
install mongodb, create mongodb atlas account 00:00:00
connect to cloud database introduction to CRUD 00:00:00
send data to database and read data from ui 00:00:00
save data in database and Read all data 00:00:00
load data database data and show on the UI 00:00:00
Delete an item from the database from UI 00:00:00
load single product from database using id 00:00:00
update or modify a single item and save database 00:00:00
Make CRUD operation working smoothly 00:00:00
module summary and CRUD overview 00:00:00
Secure a node API using JWT token
Module introduction and project setup 00:00:00
Create booking field and front end setup 00:00:00
create server connect mongodb and verify connection 00:00:00
send data to database and store in mongodb 00:00:00
load filtered data from database for a specific user 00:00:00
introduce JWT token and get jwt token on client side 00:00:00
verify jwt token in the server end using firebase admin 00:00:00
send 401 unauthorized status and refresh token concept 00:00:00
set environment variable and hide sensitive information 00:00:00
module summary and code review 00:00:00
E-commerce site Node and Mongodb integration
Module Introduction ema-john server 00:00:00
connect database and create post endpoint 00:00:00
insert bulk data many data to the database 00:00:00
load data from the server 00:00:00
load some products using keys 00:00:00
Handle Inventory and how to store image on server 00:00:00
Save orders in a new data collection in mongodb 00:00:00
A simple overview of node mailer to send email 00:00:00
a simple introduction to mongoose 00:00:00
Module Summary and folder architecture 00:00:00
Deploy to Heroku and Practice Problem
Introduction to Heroku setup account and initial deploy 00:00:00
how to publish and update heroku deployed server 00:00:00
deploy client side project to firebase with server side url 00:00:00
doctors porter project practice problem 00:00:00
Full Stack Milestone Assignment
A full stack assignment Volunteer Network 00:00:00
[optional] different ways to start a full stack project 00:00:00
[optional] set dynamic images and columns on client side 00:00:00
[optional] search and load filtered data from mongodb 00:00:00
Full Stack Milestone Assignment 10 120, 00:00
Google Map CSS Preprocessor
Module Introduction 00:00:00
How to display a location on a Google Map 00:00:00
Display Driving Direction and Route on Google Map 00:00:00
Dynamically search and display travelling route on Google Map 00:00:00
Display a loading spinner on a React Component 00:00:00
Update Title based on component 00:00:00
A simple overview of React Native 00:00:00
Integrate Stripe Payment gateway (SSLCommerz)
Module Overview and Payment gateway introduction 00:00:00
stripe account install stripe and stripe for react 00:00:00
create payment Process component with simple card form 00:00:00
Use detail credit card from and avoid login after page refresh 00:00:00
Handle payment processing error and success 00:00:00
conditional payment form and store payment data on database 00:00:00
Get a high level overview of Bangladeshi Payment Gateway 00:00:00
How to implement search that loads data from database 00:00:00
A brief introduction to higher order component 00:00:00
Module summary 00:00:00
Complete Website Project part-1
module introduction 00:00:00
set navbar and header main component 00:00:00
apply partial background of common components 00:00:00
Set multiple business info components 00:00:00
dynamically style business info and infocard 00:00:00
set services and related data with style 00:00:00
complete testimonials blogs and a few more components 00:00:00
Module Summary 00:00:00
Complete Website Project part-2
Module Introduction and Shared Components 00:00:00
Create Appointment header and react calendar 00:00:00
set bookings with selected date and style booking card 00:00:00
Display a modal from on appointment click 00:00:00
Style Modal form and Extract data to send to server 00:00:00
Create Server to store appointment in a database 00:00:00
send appointment and save to database 00:00:00
set untidy dashboard with three columns 00:00:00
Display appointments for the selected date 00:00:00
Module summary and your homework 00:00:00
Manage Image Upload and Admin Panel
Create Admin page to upload image to the server 00:00:00
Save uploaded image to the server 00:00:00
display sensitive information to admin only 00:00:00
Set admin panel with limited access based on permission 00:00:00
Store image directly on mongodb and display them 00:00:00
A small brief about google analytics lighthouse and page performance 00:00:00
Creative Agency Assignment 11
Responsive App React Animation Unit Test 00:00:00
Deploy doctors portal client to firebase and server to heroku 00:00:00
Creative Agency Complete Website Assignment 00:00:00
Creative Agency Complete Website Assignment 11 120, 00:00
Data Structure Algorithm and Time Complexity
Module Introduction 00:00:00
Stack Data Structure with a few practical examples 00:00:00
Queue Data Structure using some realistic examples 00:00:00
simple Introduction to Dictionary and hash table 00:00:00
Linked List code Doubly and circular Linked List Concept 00:00:00
Concept of Tree Data Structure BST Depth first breadth first 00:00:00
algorithm linear search and binary search 00:00:00
Sorting algorithm bubble sort ascending and descending 00:00:00
selection sort detail and insertion sort concept 00:00:00
Time Complexity and module summary 00:00:00
Object Oriented Programming (OOP)
Module Introduction 00:00:00
What is Object and What is object oriented Programming 00:00:00
how to declare a class using class and function syntax 00:00:00
how to declare class method and use properties from inside 00:00:00
inheritance with smart device example 00:00:00
Different ways to achieve encapsulation in javascript 00:00:00
Understand polymorphism using a simple example 00:00:00
Explore Abstraction concept in OOP 00:00:00
Static method and static properties in a class 00:00:00
prototypical inheritance and design pattern 00:00:00
Interview Preparation and Get Ready to be hired
How do you know you are ready to look for job or intern 00:00:00
Five things you need to get ready for job or intern 00:00:00
How to write a proper Resume to set an interview 00:00:00
How utilize the power of facebook groups 00:00:00
Different ways to find jobs and apply 00:00:00
type of coding interview and find question pattern 00:00:00
How to prepare for an interview 00:00:00
how perform well during an interview 00:00:00
HR and soft skill related questions 00:00:00
How deal with interview rejection 00:00:00
Module summary How to get hired as a web developer 00:00:00
Last Module Grow as a web Developer
Module overview of the last module 00:00:00
How to become Senior developer from junior developer 00:00:00
What you will need to do to become a full stack or backend developer 00:00:00
How a software team works in agile with scrum and sprint 00:00:00
Airbnb JS style guide ESLint Best practices 00:00:00
Revise JavaScript and Redo the assignments and practice projects 00:00:00
Challenge 1 power x gym project 00:00:00
challenge 2 air cnc with google map api 00:00:00
challenge 3 whatsapp message chatting app 00:00:00
Module summary with Special message and remarks 00:00:00
Placeholder dummy modules
Placeholder dummy unit 00:00:00