JavaScript and React for Beginners: Create 12 projects

JavaScript and React for Beginners: Create 12 projects, available at $64.99, has an average rating of 4.35, with 144 lectures, based on 203 reviews, and has 24616 subscribers.

You will learn about Write JavaScript Syntax Create JavaScript Variables Use JavaScript Operators Create JavaScript Arrays Create JavaScript functions Use JavaScript Conditional Statements Understand JavaScript Events Create React app Use expressions in JSX Create react components Understand component life cycle Use props and state This course is ideal for individuals who are Anyone who wants to learn React and JavaScript or Beginner web developers It is particularly useful for Anyone who wants to learn React and JavaScript or Beginner web developers.

Enroll now: JavaScript and React for Beginners: Create 12 projects

Summary

Title: JavaScript and React for Beginners: Create 12 projects

Price: $64.99

Average Rating: 4.35

Number of Lectures: 144

Number of Published Lectures: 144

Number of Curriculum Items: 144

Number of Published Curriculum Objects: 144

Original Price: $119.99

Quality Status: approved

Status: Live

What You Will Learn

Write JavaScript Syntax
Create JavaScript Variables
Use JavaScript Operators
Create JavaScript Arrays
Create JavaScript functions
Use JavaScript Conditional Statements
Understand JavaScript Events
Create React app
Use expressions in JSX
Create react components
Understand component life cycle
Use props and state

Who Should Attend

Anyone who wants to learn React and JavaScript
Beginner web developers

Target Audiences

Anyone who wants to learn React and JavaScript
Beginner web developers

JavaScript is the most popular scripting language in the world. It is responsible for the interactivity like games, online forms or surveys and other activities user’s can engage with on a website. Most dynamic if not all website contains some element of JavaScript.

JavaScript programming language drives millions of interactive web sites, powers fast web servers and can even be used to build desktop and mobile applications

Analogue Clock
Quote of the day app
Digital calculator
Tip calculator
Image slider
Addition game

Day of birth calculator

React.js is a an open-source JavaScript library for creating user interfaces
React adopts a component based approach in developing applications.
Every react app can considered a component or a collection of components which can be re-usable.

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design simple views for each state of an application. You can also use React to efficiently update and render components when your data changes. I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through the lifecycle of components . You will be transpiling JSX code using babel which is an in browser transpiler that converts JSX code into readable format.

What you will learn includes:

Setting up a local react development environment
Accessing React Library via CDN
Using Creating a React App tool to create new react projects
Accessing Reaact from JSBIN
Creating React Components
Creating React Components in ES6
Converting React functions to ES6 Class
Using JSX
Embedding JSX as expressions
Using props
Using State
Component life cycle

Creating a React mortgage calculator
Creating a React Todo List App
Creating a React static tweet component
Creating a React countdown timer
Creating a React digital clock

Course Curriculum

Chapter 1: Installing Required Software

Lecture 1: Introduction

Lecture 2: What is GIT

Lecture 3: Installing Git

Lecture 4: Git Configuration

Lecture 5: What is NodeJs

Lecture 6: Installing Nodejs

Lecture 7: What is NPM

Lecture 8: Installing and uninstalling Npm global packages

Lecture 9: JSBIN

Lecture 10: Installing text editors

Lecture 11: Installing Sublime text

Chapter 2: Introduction to React Basics

Lecture 1: What is React

Lecture 2: What is the DOM

Lecture 3: What is ReactDOM

Lecture 4: ReactDOM Vs VirtualDOM

Lecture 5: Accessing React via CDN

Lecture 6: Installing create react-app

Lecture 7: Create a sample react app

Lecture 8: New react app folder structure

Lecture 9: Rendering

Lecture 10: Installing react developer tools

Lecture 11: Introduction to JSX

Lecture 12: What is JSX

Lecture 13: Embedding expressions in JSX

Lecture 14: Using JSX as an expression

Lecture 15: Using Child elements in JSX

Lecture 16: Nesting JSX Elements

Lecture 17: Adding comments to JSX

Lecture 18: Handling Events

Lecture 19: What are components

Lecture 20: Creating a react component

Lecture 21: Creating a react component in ES6

Lecture 22: What are props

Lecture 23: What is a state

Lecture 24: Adding a state to a class

Lecture 25: Component life cycle

Chapter 3: Project 1: React Mortgage Calculator

Lecture 1: Create a new react app

Lecture 2: Creating the components part 1

Lecture 3: Creating the components part 2

Lecture 4: Creating the components part 3

Chapter 4: Project 2: React Countdown timer

Lecture 1: Create a new react app

Lecture 2: Creating the components part 1

Lecture 3: Creating the components part 2

Lecture 4: Styling the component

Chapter 5: Project 3: React digital clock

Lecture 1: Create a new react project

Lecture 2: Create ES6 Component Part 1

Lecture 3: Create ES6 Component Part 2

Chapter 6: Project 4: React Static Tweet Component

Lecture 1: Sketching your components

Lecture 2: Creating a new react project

Lecture 3: Exploring project files and folders

Lecture 4: Modifying files

Lecture 5: Creating the avatar component

Lecture 6: Creating more components

Lecture 7: Creating the time and button components

Chapter 7: Project 5: React TodoList App

Lecture 1: Creating a todoList part 1

Lecture 2: Creating a todoList part 2

Lecture 3: Creating a todoList part 3

Lecture 4: Creating a todoList part 4

Lecture 5: Creating a todoList part 5

Chapter 8: Introduction to JavaScript

Lecture 1: What is JavaScript

Lecture 2: JavaScript Syntax

Lecture 3: JavaScript Variables

Lecture 4: Variable naming convention

Lecture 5: JavaScript Operators

Lecture 6: JavaScript Arrays

Lecture 7: JavaScript Data Types

Lecture 8: Arithmetic Operators

Lecture 9: Assignment operators

Lecture 10: Operator Precedence

Lecture 11: JavaScript string operators

Lecture 12: JavaScript Comparison Operators

Lecture 13: JavaScript Logical Operators

Lecture 14: JavaScript conditional statements

Lecture 15: JavaScript Functions

Lecture 16: JavaScript Comments

Lecture 17: JavaScript Events

Lecture 18: Mixing data types

Lecture 19: What is a constructor

Lecture 20: What is a class

Lecture 21: What is an arrow function

Lecture 22: What is a const

Chapter 9: Project 6: JavaScript Calculator

Lecture 1: What we will create

Lecture 2: Design and Sketch

Lecture 3: Creating the calculator structure – Part 1

Lecture 4: Creating the calculator structure – Part 2

Lecture 5: Adding functionality with JavaScript

Lecture 6: Styling the calculator

Chapter 10: Project 7: JavaScript Day of Birth Calculator

Lecture 1: What we will create

Lecture 2: Project design and sketch

Lecture 3: Creating directory and files

Instructors

Bluelime Learning Solutions
Making Learning Simple

Rating Distribution

1 stars: 11 votes
2 stars: 7 votes
3 stars: 33 votes
4 stars: 63 votes
5 stars: 89 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu