Javascript Programming Bootcamp
(The most comprehensive Ultimate Beginner to advance programming Bootcamp to Master
Javascript )
Problem-solving and Freecodecamp javaScript Data structure
and algorithm certification(300 hours)
Complete Book Reading-Hate kolome Javascript (Bangla)
1. Let’s start our journey
Introduction to the Bootcamp
Prerequisite to complete the Bootcamp
What to expect from the Bootcamp or whatnot?
How to get the most out of the Bootcamp
How to get help when you are stuck?
Some Inspiration and Advancement of your carrier
2. Introduction to JavaScript
What is JavaScript? Common question and misconception
Code editor? Why do we need One?
Introduction to the console, choose your playground
Writing your first JavaScript code in the editor
Where to put your JavaScript code and why?
Separation of concern? What?
JavaScript in node
3. Beginning to writing JavaScript
Let’s talk to machines with its own language
JavaScript Primitive
Variable
Let ,Const, Let vs Const
Dynamic typing
Introduction to object, array, function
Parameter and arguments
Returning vs consoling
Types of function
Exercise - variable and data type(3)
Exercise - object
Exercise - Function
4. operator
Introduction to operator
Arithmetic operator
Assignment operator
Comparison operator
Equality operator
Ternary operator
Logical operator with non-boolean
Operator precedence
Exercise - 4
5. Control Flow
If else statement
Switch case statement
Looping, for loop, while loop, Do while loop, Infinite loop, For in loop
For of loop
Break and continue
Exercise-1(MAX of two numbers)
Exercise-2 ( Fizz Buzz )
Exercise-3(prime number)
Exercise-4(Even or odd number)
Exercise-5(sum of multiple numbers)
Exercise-6(Grading exercise)
Exercise-7(starts project)
6. Objects
More about objects
Various ways of writing and getting properties
Factory function
Constructor function
Functions are objected, behind the scene
Value vs reference
Pass by value vs pass by reference
Compare by value vs compare by reference
Looping over object properties
Cloning Object
Math Object
Date Object
Exercise-1(price range)
Exercise-2 -Movie DB
Exercise-3- Blog Post project
7. ARRAYS
More about arrays
Adding Elements
Finding Elements(primitive)
Finding Element (Reference)
Arrow functions
Emptying array
Spread Operator
Combining or slicing array
The spread and rest operator
Array destructuring
Joining Array
Sorting Array
Filtering an array
Mapping an array
Reducing an array
Exercise-1(Array from range)
Exercise-2(includes)
Exercise-3(Except)
Exercise-4(count occurrence)
Exercise-5(Get MAX)
Exercise-6(Moving an element to the counting index)
8. Functions
Function Declaration vs Expression
Hoisting
Arguments
Rest and spread operator
Default parameter
Getter vs setter
Scope
var keyword solution
Exercise-1 (sum of arguments)
Exercise-2(Area of the circle)
Exercise-2(Area of the circle)
Exercise-2(Area of the circle)
Exercise-2(Area of the circle)
9. DOM
What is DOM
Examining the DOM
DOM Selection
Traversing the DOM
Creating Elements
Removing Elements
Replacing Elements
Event Listener
Keyboard input
Event Binding
Event capturing, Event bubbling, Event Delegation
Exercise-1 (creating a branch of an element dynamically)
Exercise-2 ( Inspect MDN for keyboard and mouse events)
Exercise-3 ( Event bubbling and delegation)
Exercise-4(Apply insert-adjacent Html, insertAdjacentElement)
10. Project (Applying all previous
concepts together)
Create a scorekeeper game(pat-1)
Create a scorekeeper game(pat-2)
Create a scorekeeper game(pat-3)
Local Storage
Local Storage solves your problem
Setting Item
Getting Item
JSON – Data Format
Saving and getting objects from local Storage
11. custom challenge project
Build your own Game
12. DOM PROJECT
(CRUD APP, local storage, Refactoring clean coding, code organization)
Create a product catalog project –(part-1)
Create a product catalog project -(part-2)
Create a product catalog project -(part-3)
Create a product catalog project -(part-4)
Create a product catalog project -(part-5)
Create a product catalog project -(part-6)
Create a product catalog project -(part-7)
Create a product catalog project -(part-8)
Create a product catalog project -(part-9)
Create a product catalog project -(part-10)
Give a perfect structure-(part-11)
Give a perfect structure-(part-12)
Give a perfect structure-(part-13)
Wrapping up product catalog project-(part-14)
13. Develop your challenge project
( CRUD, clean coding, Better organization, localStorage )
14. Refactoring and clean coding
A complete Rundown Refactoring and clean coding practice
Refactor an existing application
Apply refactoring and clean coding practices in custom challenge projects
15. Mastering Asynchronous Programming
AJAX, Asynchronous JS, Fetch, Async Await
What is Ajax?
XML vs JSON?
What are the problems solved by Ajax?
Some practical Examples of API
Write your First Ajax code
Write a simple Ajax programme
callback, Promise, async-await
Callback hell, Solving callback hell
Handing Promise
Data from and External API
Introduction to REST API
Build your own REST API with a JSON server
Custom HTTP Library-1(part-1)
Custom HTTP Library-1(part-2)
Custom HTTP Library-1(part-3)
Fetch API
ES6 Promise
Async and await
16. API PROJECT
(3rd party API, caching, error handling, Interactivity, clan coding)
Weather application(part-1)
Weather application(part-2)
Weather application(part-3)
Weather application(part-4)
Weather application(part-5)
JavaScript Error Handling
Introduction to Error Handling
Try catch
17. Custom challenge project - Currency Converter
(3rd party API, caching, error handling, Interactivity)
18. Bonus custom challenge project - personal photo
Gallery
(3rd Party API, lightbox, pagination etc..)
19. Debugging Javascript (our
Lifesaver)
A complete Introduction to Debugging and Debugger
Let’s solve a problem using debugging
20. Complete Introduction to Regular expression
Character classes
Anchors
Escaped characters
capture group
Quantifiers & Alternation
Lazy and greedy quantifier
Javascript method to work with regular expression
Writing regular expression for Validating phone email, password
Generating strong password
21. Challenge Projects
(Perfect form validation)
22. Git and Github
What are Git and Github?
Why do we need git and Github?
Tracking changes using git
Best practice during using git
Repo Management in Github
Static website hosting through Github
Undo your changes
Collaboration with other/open source projects
23. Object-oriented Javascript
What is a constructor function
constructor function vs factory function
Understanding Prototype
OOP principle
Understanding prototypal inheritance
What is the class?
How to work with the class?
Inheritance
Private properties
Public properties
24. Develop a Custom cart project (Object-oriented
programming)
Displaying products from REST API (JSON server)
Product by categories
Applied Object-oriented principal
Code organization
Clean coding and Debugging
25. Ultimate challenge Project
( API, Asynchronous programming, CRUD feature, LocaStorage, object-oriented programming,
clean coding, deployment)
26. Javascript toolings(Rich ecosystem of toolings to
develop better applications)
Javascript Modular system
Building tools- parcel
The necessity of bundling tools
Babel - Next Generation javascript to browser compatible one
Linting - Eslint
Code formatter- prettier
Building for production
27. Custom challenge projects
(Apply Toolings in your custom projects)
28.Javascript internals
Execution contexts,
Scope,
Hoisting,
Closure
Javascript this
Call stack,
Event loop, event queue,
threading
29. Wrap Up
Now You are a Hero of JavaScript
What are the Next Steps?
React, Angular, Vue(frontend)
Node (Backend)
Electron (Desktop)
NativeScripts, React Native(Native Mobile application)
And lots more ……….
