IIRF Online > Development > Web Development > JavaScript > Master JavaScript from Scratch (with jQuery and React JS)
Master JavaScript from Scratch (with jQuery and React JS) by Udemy
Learn and Understand Core JavaScript programming from the root and be able to build web apps using jQuery and React Js.
Course Highlights
- Understand core concepts of programming.
- Understand JavaScript Programming language from the root.
- Be confident to build web apps using jQuery.
- Be confident to build web apps using React Js.
- Get comfortable working with AJAX
- Learn JavaScript Programming from absolute scratch
- Learn and Understand JavaScript Data Types
- Learn and Understand JavaScript Object
- Learn and Understand JavaScript Operators
- Learn and Understand JavaScript Loops
- Learn and Understand JavaScript Functions
- Primitive Types, Reference Types and Execution Context
- Learn and Understand JavaScript Arrays
- Get comfortable with window object in the DOM
- Learn jQuery from Scratch
- Learn to make AJAX calls
- Learn to use Geolocation data
- Build App - News of the day
- Build App - Weather App
- Wikipedia Live Search App
- Modern JavaScript - ES6
- React - Up and Running
- Building React apps using create-react-app
- Learn routing with React using React Router DOM
- Deploying jQuery and React apps to Github
Skills you will learn!
Curriculum
3 Topics
Introduction to JavaScript
What is javascript implementation made of?
Add JavaScript to HTML
6 Topics
Javascript variables operators identifiers statements and comments
Javascript data types and typeof operator
Javascript null and boolean data types
Understanding JavaScript number type part one
Understanding JavaScript number type part two
Javascript string type
2 Topics
Javascript object basics part one
Javascript object basics part two
9 Topics
Unary operator
Boolean operators
Multiplicative operators
Additive operators
Relational operators
Equality operators
Conditional - Ternary operators
Compound assignment operators
Comma operators
7 Topics
If else statements
Do while loop
While loop
For loop
For in statement
Labeled break and continue statements
Switch statement
2 Topics
Functions basic
Function arguments
4 Topics
Primitive and reference values
Execution context and scope chain
No block level scope
Reference types
9 Topics
JavaScript arrays
Array conversion methods
Array stack methods
Array queue methods
Array re-ordering methods
Array manipulation methods
Array location methods
Array iterative methods
Array reduce method
2 Topics
JavaScript date type
JavaScript regular expression type
5 Topics
JavaScript function type
Function declaration vs function expression
Function's argument object properties
Functions's this object
Function methods - apply call and bind
4 Topics
Primitive reference type
String manipulation using concat slice substr ad substring
String manipulation using indexof trim touppercase and tolowercase
String manipulation using match search replace and split
5 Topics
Object Oriented JavaScript
Factory pattern
Constructor pattern
Prototype pattern
Combination of constructor and prototype pattern
5 Topics
Function
Recursion
Function closures
Object closures
Block scope using IIFE
4 Topics
Window object
Set timeout and set interval
DOM write set create elements
Finding elements in the DOM using selectors
12 Topics
jQuery bootstrap setup
Targeting all elements using jQuery
Targeting and removing class id
Applying custom CSS targeting properties and adding HTML
Remove append and clone
Target parent child even and odd
jQuery or plain vanila JavaScript
Handling events with jQuery
Ajax request to external API
Ajax response - Object or array?
Display Ajax response on the UI
Geolocation data
8 Topics
News of the day app
Preparing HTML markup
Adding CSS styling
Making AJAX call to API and getting random item
Populating data to the UI and add tweet feature
Add clickable link to the news title
Go live with github pages
News Of The Day App - Source Code
10 Topics
Local weather app
Preparing HTML markup
Adding CSS styling
Get Latitude and Longitude from navigator geolocation
Ajax request to the weather API
Storing response data to variables
Populating data to the UI - part one
Populating data to the UI - part two
Dynamic image background based on data
Weather App - Source Code
6 Topics
Wiki live search app setup
Making AJAX call on each keyup event
Implementing live search result
Embed iframe with AJAX content
Wiki Live Search App - Source Code
What is next?
12 Topics
Modern javascript
Creating variables using const
Creating variables using let
Template strings
Default parameters
Arrow functions
Arrow functions and this keyword
Destructuring object
Destructuring array
Restructuring
Spread and rest operators
Class constructor super
8 Topics
Installing react
React files and folders introduction
Storing data in component state via ajax call
Rendering state data using map
Conditional rendering
Imports exports props
Handling click events
Destructuring inline styling and keys
5 Topics
Prepare yourself for React Js
Getting started with React via CDN
Zero configuration setup using create-react-app
Introduction to folder structure
Useful links for further studying and reference
24 Topics
What is class in React?
Create your first React component
What is special about const?
Complex JavaScript in JSX
Object key and import export
ES6 Arrow Function
Class Constructor
Setting up local state with constructor
this Keyword console and React chrome extension
Adding onclick events and binding methods
Unidirectional data flow updating the state
Code refactoring using ES6
Synthetic events to get user input
Higher order function search implementation
ES6 Destructuring
Destructuring and controlled components
Splitting components using props
Splitting components using props - part two
Composable components
Reusable components
Different ways of creating components
Functional stateless components
Using React bootstrap package
Useful links for further studying and reference
4 Topics
Styling form
Styling searchbox
Styling the table component
Useful links for further studying and reference
16 Topics
Lifecycle methods in React
Template strings to build fetch url
Fetch the real news from API
ES6 spread operator
Object assign vs spread operator
Conditional rendering
Server side search implementation
Load more button to fetch more data from API
Styling and adjustments
Adding new data with old data
Fetch hits per page from API
Client side cache
Remove item using searchkey
Lightning fast page load using local state
Fixing layout
Useful links for further studying and reference
6 Topics
Import export constants
What is prop types in React
Explicit proptypes
Refs and the DOM
Loading indicator
Useful links for further studying and reference
7 Topics
Higher order components
Sorting with lodash
Sort by on each click
Styling sort buttons
Reverse sorting
Active sort button
Useful links for further studying and reference
6 Topics
Converting to class component
Lifting the state
Set state using function
Passing function to set state
Higher order function to set state
Useful links for further studying and reference
2 Topics
Moving components to separate folders part one
Moving components to separate folders part two
4 Topics
React router dom
Component based navigation system
Active navigation link
Useful links for further studying and reference
2 Topics
Deploy to github pages
Useful links for further studying and reference
2 Topics
How to use source code and install app locally
Useful links for further studying and reference
2 Topics
Other courses you may like
Join my Discord server
Master JavaScript from Scratch (with jQuery and React JS)
Related JavaScript Courses
.webp)
Thank You!
Your review has been submitted successfully.