Getting Started
• Introduction to JavaScript
• JS Version
• Creating
• Tools
Core JavaScript Syntax
• Structure
• Console
• The prompt
• Value
• Operators
• Assignment
• Comparators
• Files
• Variables
• Incrementing & Decrementing
• Conditional
• Loops
• Data types
• Function
• Arrays
• Comments
• JavaScript Keyword
Types
• Numbers
• Strings
• Boolean
• Objects
Functions and advanced features
• Parameters
• Function Expressions
• Returned Functions
• Function Invocation
• Anonymous
• Closures
• Load orders
• Hoisting
• Scope
Objects
• Object Creation
• Accessing Object Properties
• Functionality in objects
• Object Methods
• Constructors
• Enumeration
• Prototypes
• Inheritance
• Prototypal Methods
Document Object Model
• What is DOM
• Nodes
Working With the DOM
• Get Elements
• Changing DOM
• Create DOM
Working with Events and Event Listeners
• Introduction to Events
• Click Load
• Focus Blur
• Timers
Debugging JavaScript
• Common Errors
• Console
• Debugging
UI Enhancement
• Introduction to Style
• Applying Classes
• Inline Styles
JavaScript AJAX
• Intro
• XML HTTP
• Send Request
• Server Response
• status
• Get and Post
• Callback
Javascript JSON
• Syntax
• Objects
• Parse
• Stringify
Browser Object Model
• window
• screen
• location
• Cookies
• Session
JavaScript Best Practices
• Minify
• Code Check
• Script Execution
• loop Optimization
• Anonymous Closures
• Performance Tips
• Exception Handling
JavaScript ES6
• ES6 Intro
• Let and Const
• Let in loops
• Defaults
• Rest Paramaters
• Spread Operator
• Arrow Functions
• Assign
• Initializer & Destructuring
• Strings
• Iterators
• Promises
• Generators
• Class
• Modules
• Symbol
React
• Introducing React
• React Tools
• React Packeges
• Setting Up the project
• Structure
• Project Compiler
• React Dom
• JSX
• React Component
• Composing Component
• Rendering
• Dom Elements
• Attributes
• Styles
• Events
• Binding This
• Passing Arguments
• Conditional Operator
• Controlled Component
• Application State
• Make a Functional Component
• Lifecycle Hooks
• Lifecycle Methods
• Key
• State
• Props
• Update
• Data Flow
• Integrating React with other Libraries
• Stateless Components
• Conditional Rendering
• React Debugging
• Handle User Events
• Controlled Elements
• Ref
• Forms
• Capture User Input
• Single Page Applications
• Optional Parameters
• Project Implementation
• Build project
• Deployment