JavaScript And React For Beginners: Create 12 Projects | Udemy

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size1.6 GB
  • Uploaded BySunRiseZone
  • Downloads164
  • Last checkedOct. 12th '21
  • Date uploadedOct. 10th '21
  • Seeders 15
  • Leechers13
Your ISP and Government can track your torrent activity! Hide your IP with a VPN!

Infohash : F56887DF3684968A05B07B3A7A4613955B3F2F2E

1hack.us | Together We Learn!



Created by : Bluelime Learning Solutions
Last Updated : 6/2021
Language : English
Runtime : 14.8 hours
Torrent Contains : 144 Files, 19 Folders
Course Source : https://www.udemy.com/course/javascript-and-react-for-beginners-create-12-projects/

Practical Hands-on JavaScript and React Step by Step Projects



This course includes:
- 14 hours on-demand video
- 1 article
- Access on mobile and TV
- Certificate of completion

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

Requirements:

• You should be able to use a PC at beginner's level
• You should be able to navigate the internet
• You should have a basic knowledge of HTML
• You should have a basic knowledge of CSS

Description:

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

Who this course is for:

• Anyone who wants to learn React and JavaScript
• Beginner web developers

Instructor:

Bluelime Learning Solutions, Bluelime is UK based and creates quality easy to understand  eLearning  solutions .All our courses are 100% video based. We teach hands –on- examples  that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.

1280x720 - MP4 - Audio 128kbps - Bitrate (Specific Rates)

Files:

JavaScript and React for Beginners Create 12 projects 1. Installing Required Software
  • 1. Introduction.mp4 (2.9 MB)
  • 10. Installing text editors.mp4 (10.0 MB)
  • 11. Installing Sublime text.mp4 (6.2 MB)
  • 2. What is GIT.mp4 (6.2 MB)
  • 3. Installing Git.mp4 (11.4 MB)
  • 4. Git Configuration.mp4 (9.1 MB)
  • 5. What is NodeJs.mp4 (4.7 MB)
  • 6. Installing Nodejs.mp4 (10.0 MB)
  • 7. What is NPM.mp4 (8.0 MB)
  • 8. Installing and uninstalling Npm global packages.mp4 (5.4 MB)
  • 9. JSBIN.mp4 (13.1 MB)
10. Project 7 JavaScript Day of Birth Calculator
  • 1. What we will create.mp4 (942.2 KB)
  • 2. Project design and sketch.mp4 (1.9 MB)
  • 3. Creating directory and files.mp4 (2.9 MB)
  • 4. Creating content with HTML.mp4 (8.6 MB)
  • 5. Adding JavaScript Functionality - part 1.mp4 (5.5 MB)
  • 6. Adding JavaScript Functionality - part 2.mp4 (6.1 MB)
  • 7. Adding JavaScript Functionality - part 3.mp4 (10.9 MB)
  • 8. Adding CSS.mp4 (9.1 MB)
11. Project 8 JavaScript basic addition app
  • 1. What we will create.mp4 (1.5 MB)
  • 2. Creating the app structure.mp4 (19.5 MB)
  • 3. Styling the app.mp4 (6.3 MB)
  • 4. Adding functionality with JavaScript.mp4 (19.7 MB)
12. Project 9 Creating a JavaSript Analogue Clock
  • 1. What we will create.mp4 (413.5 KB)
  • 2. Creating directory and files.mp4 (4.7 MB)
  • 3. Creating the canvas object.mp4 (8.0 MB)
  • 4. Creating the clock face.mp4 (6.7 MB)
  • 5. Drawing the clock numbers.mp4 (6.8 MB)
  • 6. Drawing the time and hand.mp4 (15.7 MB)
13. Project 10 JavaScript Image Slider
  • 1. What we will create.mp4 (2.8 MB)
  • 2. Creating directory and files.mp4 (3.1 MB)
  • 3. Creating the app structure.mp4 (13.5 MB)
  • 4. Styling the app.mp4 (4.7 MB)
  • 5. Adding functionality with JavaScript.mp4 (10.9 MB)
14. Project 11 Javascript Random Quote Generator
  • 1. What we will create.mp4 (1.2 MB)
  • 2. Creating directory and files.mp4 (7.8 MB)
  • 3. Adding CSS.mp4 (4.4 MB)
  • 4. Adding functionality with JavaScript.mp4 (12.7 MB)
15. Project 12 JavaScript Tip Calculator
  • 1. What we will create.mp4 (1.6 MB)
  • 2. Creating directory and files.mp4 (3.0 MB)
  • 3. Creating the app structure.mp4 (17.3 MB)
  • 4. Styling the app.mp4 (14.7 MB)
  • 5. Adding functionality with JavaScript.mp4 (16.7 MB)
16. Bonus JavaScript Project 1 - Interactive QUIZ
  • 1. Overview.mp4 (4.7 MB)
  • 2. What we will create.mp4 (4.5 MB)
  • 3. Creating directories and files.mp4 (13.6 MB)
  • 4. Creating the structure.mp4 (46.0 MB)
  • 5. Adding CSS.mp4 (42.8 MB)
  • 6. Adding JavaScript Part 1.mp4 (89.1 MB)
  • 7. Adding JavaScript Part 2.mp4 (43.3 MB)
17. Bonus JavaScript Project 2 - JavaScript Word Count Tool
  • 1. Overview.mp4 (5.2 MB)
  • 2. Create a project directory.mp4 (14.2 MB)
  • 3. Creating the structure.mp4 (52.8 MB)
  • 4. Adding CSS.mp4 (36.6 MB)
  • 5. Adding JavaScript Functionality.mp4 (33.1 MB)
18. Bonus JavaScript Project 3- Create a JavaScript Digital Clock
  • 1. Overview.mp4 (6.1 MB)
  • 2. What we will create.mp4 (3.9 MB)
  • 3. Creating directory and files.mp4 (8.5 MB)
  • 4. Creating app structure.mp4 (36.6 MB)
  • 5. Styling the app.mp4 (43.3 MB)
  • 6. Adding JavaScript Functionality.mp4 (39.3 MB)
19. Bonus JavaScript Project 4- Create a JavaScript Contact Form
  • 1. Overview.mp4 (7.9 MB)
  • 2. What we will create.mp4 (14.2 MB)
  • 3. Creating a directory for project.mp4 (10.0 MB)
  • 4. Creating app structure.mp4 (61.9 MB)
  • 5. Applying CSS Styling.mp4 (58.5 MB)
  • 6. Adding JavaScript Functionality.mp4 (51.0 MB)
2. Introduction to React Basics
  • 1. What is React.mp4 (4.9 MB)
  • 10. Installing react developer tools.mp4 (8.6 MB)
  • 11. Introduction to JSX.mp4 (7.1 MB)
  • 12. What is JSX.mp4 (11.5 MB)
  • 13. Embedding expressions in JSX.mp4 (15.3 MB)
  • 14. Using JSX as an expression.mp4 (7.4 MB)
  • 15. Using Child elements in JSX.mp4 (5.5 MB)
  • 16. Nesting JSX Elements.mp4 (11.0 MB)
  • 17. Adding comments to JSX.mp4 (5.5 MB)
  • 18. Handling Events.mp4 (14.0 MB)
  • 19. What are components.mp4 (11.5 MB)
  • 2. What is the DOM.mp4 (8.5 MB)
  • 20. Creating a react component.mp4 (11.2 MB)
  • 21. Creating a react component in ES6.mp4 (8.8 MB)
  • 22. What are props.mp4 (11.8 MB)
  • 23. What is a state.mp4 (3.7 MB)
  • 24. Adding a state to a class.mp4 (8.4 MB)
  • 25. Component life cycle.mp4 (18.9 MB)
  • 3. What is ReactDOM.mp4 (2.2 MB)
  • 4. ReactDOM Vs VirtualDOM.mp4 (5.0 MB)
  • 5. Accessing React via CDN.mp4 (12.9 MB)
  • 6. Installing create react-app.mp4 (8.6 MB)
  • 7. Create a sample react app.mp4 (9.6 MB)
  • 8. New react app folder structure.mp4 (22.5 MB)
  • 9. Rendering.mp4 (13.7 MB)
3. Project 1 React Mortgage Calculator
  • 1. Create a new react app.mp4 (2.8 MB)
  • 2. Creating the components part 1.mp4 (14.6 MB)
  • 3. Creating the components part 2.mp4 (12.5 MB)
  • 4. Creating the components part 3.mp4 (10.3 MB)
4. Project 2 React Countdown timer
  • 1. Create a new react app.mp4 (3.7 MB)
  • 2. Creating the components part 1.mp4 (9.3 MB)
  • 3. Creating the components part 2.mp4 (14.5 MB)
  • 4. Styling the component.mp4 (4.0 MB)
5. Project 3 React digital clock
  • 1. Create a new react project.mp4 (4.5 MB)

    • Code:

    • udp://tracker.torrent.eu.org:451/announce
    • udp://tracker.tiny-vps.com:6969/announce
    • http://tracker.foreverpirates.co:80/announce
    • udp://tracker.cyberia.is:6969/announce
    • udp://exodus.desync.com:6969/announce
    • udp://explodie.org:6969/announce
    • udp://tracker.opentrackr.org:1337/announce
    • udp://9.rarbg.to:2780/announce
    • udp://tracker.internetwarriors.net:1337/announce
    • udp://ipv4.tracker.harry.lu:80/announce
    • udp://open.stealth.si:80/announce
    • udp://9.rarbg.to:2900/announce
    • udp://9.rarbg.me:2720/announce
    • udp://opentor.org:2710/announce