React Bootcamp: A 5-Hour Hands On Workshop to learn the React Library in a practical way as much as possible! ⚛️
=== The Bootcamp You Need ===
Among the leading frontend development tools, React is a must if you are looking to scale up your skills as a software engineer.
=== Why? ===
This Open Source JavaScript library maintained by Meta (formerly Facebook) happens to be used by most top companies in the game including names like Discord, Skype and Instagram.
If you don’t know where to begin, this five-hour workshop will help you get started and resolve all your doubts. Bonus: you get to build something too!
=== Learn From A Veteran ===
Praveen Kumar Purushothaman is a veteran in the field of software development having worked with a multitude of clients over the course of over seven years.
From being a Microsoft Most Valuable Professional to bagging a Guinness World Record, his achievements are enough to make you want to know more about him.
But how about you learn from him instead?
=== What To Expect ===
Apart from a brief introduction to React, there’s a lot to learn through this workshop:
👉🏻 Basics of React and How to Setup your Work Environment
👉🏻 States & Props: Passing different types of Data
👉🏻 Building a Working Project
But that’s not all. Build your project and get help from an open community of over 80,000 coders on Discord.
Since this is a two-day workshop, Praveen will also be leaving all participants with an assignment at the end of day one with a detailed feedback session planned on day two.
=== PreRequisites ===
👉🏻 Basic working knowledge of Front End.
👉🏻 HTML & CSS, Bit of JavaScript, CSS Frameworks.
👉🏻 Very basic idea of Server Side & Web Hosting.
=== Agenda by Day ===
-- Day 1 Agenda --
👉🏻 Introduction & My Dev Environment + Tooling
👉🏻 Why React JS? Why not React JS? Use Cases of React JS
👉🏻 Dos and Don'ts while using React JS
👉🏻 React JS EcoSystem & Hello to JSX
👉🏻 Installing the PreRequisites
👉🏻 Creating a Project Locally
👉🏻 Introduction to CRA & Tooling
👉🏻 Installing React & Running Hello World
👉🏻 Clean-Up & ReStructuring the Contents from CRA
👉🏻 The Public Directory: Branding & Presentation
👉🏻 The Public Directory: Adding CSS Frameworks & Fonts
👉🏻 The Public Directory: Titles, Description & Meta
👉🏻 Folder Structure of React JS
👉🏻 Different types of React JS Components: Class vs. Functional
👉🏻 Understanding States & Props between Components: Passing different types of Data
👉🏻 Migrating Class to Functional using Hooks
👉🏻 AJAX Calls & Data Flows
👉🏻 Creating multiple Bootstrap Based Components
👉🏻 Thinking of an Awesome Project for Tomorrow
👉🏻 Assignment and Homework
-- Day 2 Agenda --
👉🏻 Quick understanding of our Final Project
👉🏻 Grabbing Assets & External Resources
👉🏻 Creating and Completing the Project using React JS
👉🏻 Deploying the Project using GitHub Pages
👉🏻 Registering our own Custom Domain
👉🏻 Using a Custom Domain on GitHub Pages
👉🏻 Deploying our React JS App using GitHub Pages
=== Resources & Links ===
👉🏻 My Personal Development Environment: https://rb.gy/z7wljn
👉🏻 The GitHub Project Repository: https://rb.gy/8uyo92
👉🏻 Live Demo: TBC
👉🏻 Assignment: TBC
=== Praveen? ===
Oh and don’t forget about me! 😅 Give this video a Like and Subscribe to this channel, if you haven’t. Share this video with your friends to motivate me and expect a lot of awesome contents. Connect with me on:
👉🏻 Website: https://praveen.science/
👉🏻 LinkedIn: / praveentech
👉🏻 Twitter: / praveenscience
👉🏻 GitHub: https://github.com/praveenscience
=== Series ===
This is a part of Scaler’s React Bootcamp with Praveen Series. Watch the full playlist here: https://rb.gy/lwd5mi
This Video’s Link: https://rb.gy/gfz3vk
#PraveenScience #ReactJS #JavaScript #Bootcamp #NodeJS
Praveen Kumar Purushothaman
コメント