Crafting React Heroes: Where Interviews Become Showcases
ReactJs in Sinhala for Absolute Beginners
Commencing on
02nd of December 2023 at 7.30 pm
Sinhala (සිංහල)
100 +/- 10 hours of sessions
Begginer Level
Online class via Microsoft Teams
Select_Your_Language
ReactJS is a JavaScript library for building user interfaces. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
about_course_part_1
about_course_part_2
Posted Thursday, November 02, 2023
about_course_part_3
මේ course එකේ කාල සිමාව පැය 100 ± 10 කාලයක් වෙනවා. සම්පුර්ණයෙන්ම online course එකක් වෙන මේ course එක ඔබට Microsoft Teams හරහා තමයි සම්බන්ධ වෙන්න තියෙන්නේ. course එක ඉවර වෙනකොට පහත තියෙනsample rdFashion demonstration app එක ඔයාට තනියම හදන්න පුළුවන් වෙනවා. ඊට අදාළ දැනුම ඔබට මේ couse එක පුරාවට ලැබෙනවා.
about_course_part_5
ReactJs for absolute beginners course now
ලියාපදිංචි සිසුන් සඳහා ආරම්භක හඳුන්වාදීමේ වැඩසටහන 02nd of December 2023 සවස 7:30 ට Microsoft Teams හරහා පැවැත්වේ.
about_course_part_7
- Saturday 7:30 PM
- Sunday 10:00 AM
The course comprises 36 chapters, each with a duration ranging from 100 to 110 hours. Upon completing the course, you will have the skills to create your own Shopping Cart web application. You can explore a demo of this application at the conclusion of the section list.
Course Content
You can expand each section to access additional information about it, including quizzes and practical exercises.
Section 1 - Git (version control system) and GitHub
Gain a fundamental understanding of the Git version control system and explore its essential applications.
GIT Quiz: You'll be having a quiz to validate your knowledge about GIT after learning
Section 2 - Basic HTML, CSS
As ReactJS is a library designed for creating web-based user interfaces, it's essential to revisit our understanding of web technologies before delving deeper into React development.
HTML, CSS Quiz: You'll be having a quiz to validate your knowledge about HTML and CSS after learning
Section 3 - Smell the ReactJS and JS
Let's explore the distinctions between ReactJS and conventional HTML, including features like hot reloading.
Section 4 - JSX
The elements we frequently utilize in ReactJS are JSX components.
Section 5 - Exploring ES6 and ES7
Understanding and Implementing these Features in ReactJS.
JS, JSX, ES6, ES7 Quiz: You'll be having a quiz to validate your knowledge about JS, JSX, ES6, ES7 and more after learning
Section 6 - Babel
What Exactly Is Babel, and How Do You Perform Basic ES6 to ES5 Compilation Using It.
Section 7 - Webpack
Working with Webpack: Basics and Its Functionality Explained.
Section 8 - Vite
An Overview of Vite and Its Role in Shaping the Future of React App Development.
Section 9 - React file system
You will discover the contents of files and folders typically found in a ReactJS project.
Section 10 - package.json
You will gain an understanding of package.json and package-lock.json, along with their respective purposes.
Babel, webpack, react file system, package.json Quiz: You'll be having a quiz to validate your knowledge about Babel, webpack, react file system and package.json after learning
Section 11 - How to think in React.
How to Approach Thinking in React: Visualizing Projects in the ReactJS Landscape and Strategizing Component-Based Project Structures.
Thinking logic practice: You'll be given task to practice to improve your ability in thinking in react
Section 12 - Class based components.
While our primary focus is on function-based components, I'd like to provide some insights into class-based components.
Section 13 - State in ReactJs
You will understand the concept of 'state' in React.
Section 14 - Stateful components.
How to use state in a component.
Section 15 - Stateless function components.
How the functional component enter the React world while we were using class based component and why the stateless functional components are important.
Section 16 - Class based to Function based.
The Evolution of React: A Brief Overview of Class-Based Components and the Introduction of Hooks (a bit history about class based and why the hooks were introduced).
Section 17 - Starting React.
Explanation on React Hooks.
Section 18 - Life-cycle VS Hooks.
Difference between class based components and functional components with hooks.
Quiz and Practical: You'll be given tasks and quiz covering the session
Section 19 - Single Page website.
Make a single page website with React.
Section 20 - Using packages.
What are the packages and how to use them.
Section 21 - React-Bootstrap.
How to style the react component with bootstrap.
Section 22 - Material-UI (MUI) as a UI framework.
How to use Material-UI components.
Section 23 - React-router.
How to navigate in React using react-router.
Section 24 - Multi page website with React.
Make a multi page website with React using react-router.
Practical: You'll be given a task based on the above sections
Section 25 - Props and Query params.
How to pass the data from one page to another, one component to another.
Section 26 - Web app
What is a web app.
Section 27 - Reuse components.
How to reuse simple and advanced components.
Section 28 - Higher order components.
Even though we're not using them, it's better have an idea about component hierarchy and how to use Higher order components.
Section 29 - Redux.
What is Redux and how to manage state with Redux.
Section 30 - Redux Toolkit.
Since the Redux toolkit is recomanded
Section 31 - Using Rest APIs.
How to use rest api with React and redux.
Section 32 - PWA explanation.
What is a PWA and How to make a Mobile app (PWA) with React.
Section 33 - Animation
How to use animation in React.
Section 34 - Build & Publish.
How to make the production build of the React app and Publish.
Section 35 - Shopping-cart Demo App.
Section 36 - Unit testing with react
With the basic understanding of unit testing and how to use in react.
Select_Your_Language
enrollment_header
enroll_description
Select_Your_Language