Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
38 views

Javascript Programming Bootcamp

This document outlines a comprehensive JavaScript programming bootcamp covering topics from basics to advanced concepts like asynchronous programming, APIs, debugging, and object-oriented programming. It includes 29 sections with examples and exercises for concepts like variables, functions, arrays, objects, DOM manipulation, and more.

Uploaded by

mahmudnewage22
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
38 views

Javascript Programming Bootcamp

This document outlines a comprehensive JavaScript programming bootcamp covering topics from basics to advanced concepts like asynchronous programming, APIs, debugging, and object-oriented programming. It includes 29 sections with examples and exercises for concepts like variables, functions, arrays, objects, DOM manipulation, and more.

Uploaded by

mahmudnewage22
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

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

You might also like