Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
14 Hour(s) 8 Minute(s)
Language
English
Taught by
Bluelime Learning Solutions
Rating
Course Overview
Practical Hands-on JavaScript and React Step by Step Projects
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 Content
- 10 section(s)
- 144 lecture(s)
- Section 1 Installing Required Software
- Section 2 Introduction to React Basics
- Section 3 Project 1: React Mortgage Calculator
- Section 4 Project 2: React Countdown timer
- Section 5 Project 3: React digital clock
- Section 6 Project 4: React Static Tweet Component
- Section 7 Project 5: React TodoList App
- Section 8 Introduction to JavaScript
- Section 9 Project 6: JavaScript Calculator
- Section 10 Project 7: JavaScript Day of Birth Calculator
What You’ll 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
Skills covered in this course
Reviews
-
MMiguel Angel Hinojosa
Excelente curso bien explicado, los proyectos realizados entendibles, ampliamente recomendados, una sugerencia para todos utilicen la documentación oficial de la mano junto con el curso.
-
EElad Shechter
As other reviews suggested, not all the tools installed are explained to the extent, but the concept is easy and he is, in contrast to other instructors, comprehensible
-
MMaria Ringes
This course is anything but interactive. The instructor merely copies and pastes code. He does describe however, I feel I only understood not learned. Additionally, lots of his technologies are out of date and he is not responsive to comments.
-
SShameem Nangarath
There seems to be no structure.. in the beginning a lot of tools are used.. then a lot of concepts are explains.. but these installed tools how are they used?... The continuity and interaction with a student part is lacking
