radika dilanka logo
AboutCoursesTestimonials

Crafting React Heroes: Where Interviews Become Showcases

ReactJs in Sinhala for Absolute Beginners

Commencing on

02nd of December 2023 at 7.30 pm

Sinhala (සිංහල)

Sinhala (සිංහල)

100 +/- 10 hours of sessions

100 +/- 10 hours of sessions

Begginer Level

Begginer Level

Online class via Microsoft Teams

Online class via Microsoft Teams

සිංහල භාෂාවට මාරු වන්න

What is React and this Course?

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.

HTML serves as the foundational markup language for the web. However, building an entire website using only HTML can result in redundant code and pose challenges in terms of maintenance. Furthermore, achieving interactivity often necessitates the inclusion of JavaScript


React, on the other hand, introduces a component-based approach with JSX (JavaScript and XML) to transform repetitive code into reusable components with the necessary properties and states. This eliminates the need to redundantly write extensive code throughout the entire project. Additionally, React provides a range of features that simplify development, including fast reloading

ReactJs for absolute beginners in sinhala

Posted Sunday, October 29, 2023

This course is made for people who are novel to ReactJs. If you're just starting with web development, this course will ultimately teaches the fundamental ideas of HTML, CSS, and JavaScript

The course is 100% online through Microsoft Teams and takes up to 100 ± 10 hours to complete. You will end up with the ability to create your own sample rdFashion demonstration app

You can get yourself registered for the

ReactJs for absolute beginners course now

Introduction session will be commencing on 02nd of December 2022 at 7:30pm via Microsoft Teams for the registered students. You can get yourself registered for the

Schedule of the Course

Saturday 7:30 PM

Sunday 7:30 PM

What you will learn?

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.


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

quiz


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

quiz


Let's explore the distinctions between ReactJS and conventional HTML, including features like hot reloading.



The elements we frequently utilize in ReactJS are JSX components



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

quiz


What Exactly Is Babel, and How Do You Perform Basic ES6 to ES5 Compilation Using It



Working with Webpack: Basics and Its Functionality Explained



An Overview of Vite and Its Role in Shaping the Future of React App Development



You will discover the contents of files and folders typically found in a ReactJS project



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

quiz


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

Practicle


While our primary focus is on function-based components, I'd like to provide some insights into class-based components.



You will understand the concept of 'state' in React.



How to use state in a component



How the functional component enter the React world while we were using class based component and why the stateless functional components are important



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)



Explanation on React Hooks



Difference between class based components and functional components with hooks


Quiz and practicle: You'll be given tasks and quiz covering the session

Quiz
Practicle


Make a single page website with React



What are the packages and how to use them



How to style the react component with bootstrap



How to use Material-UI components



How to navigate in React using react-router



Make a multi page website with React using react-router


Practicle: You'll be given a task based on the above sections

practicle


How to pass the data from one page to another, one component to another



What is a web app



How to reuse simple and advanced components



Even though we're not using them, it's better have an idea about component hierarchy and how to use Higher order components.



What is Redux and how to manage state with Redux



Since the Redux toolkit is recomanded



How to use rest api with React and redux



What is a PWA and How to make a Mobile app (PWA) with React



How to use animation in React



How to make the production build of the React app and Publish



With the basic understanding of unit testing and how to use in react


React couse final project demo app

ReactJs Course Enrollment

සිංහල භාෂාවට මාරු වන්න

Course Enrollment

To enroll in this course, please fill out the form provided by clicking the Enroll Up button below. You will receive a reply within 1 to 3 weeks with your registration number and further details. Although the first day is free to join, registration is mandatory and will help us with resource sharing and other related activities

Success Stories from My Students

Pause & Read

decorative quote

I recently completed a 10-month React JS course with Radika, and I am thoroughly impressed with my experience! The course covers every aspect of React, starting from the basics, making it perfect for beginners—even those without prior experience.

The progression from beginner to advanced topics is exceptionally well-structured, allowing for a deep understanding of the material. One of the highlights was the inclusion of recorded sessions, but attending live classes was truly invaluable. Unlike other courses on YouTube or other platforms, this live format allows for real-time interaction and the opportunity to ask questions whenever doubts arise.

Over the course of 10 months, I gained comprehensive knowledge in JavaScript (ES5 / ES6 ... ), MUI, Babel, React, Redux, and Redux Toolkit, among other essential areas. This course has equipped me with the skills needed to become a proficient React developer.

I highly recommend it to anyone looking to enhance their skills!

Mr.

Nayana Deshapriya

Senior Full Stack Developer at Atomix

Nov-03-2024

Mr. Nayana Deshapriya

Frequently Asked Questions

සිංහල භාෂාවට මාරු වන්න

What is this?

Radika Dilanka

This is a ReactJs course for absolute beginners

Who can Join?

Radika Dilanka

Anyone who wants to learn ReactJs

What do I need to know to get involved and learn well?

Radika Dilanka

Basic Knowledge of HTML, CSS, and JavaScript will be enough

What if I don't know HTML and those things?

Radika Dilanka

No need to worry, the course includes them too

What can I learn from this?

Radika Dilanka

You will start learning from the beginning and will end up making this sample shopping cart yourself

Will you guide me to do this?

Radika Dilanka

Yes, obviously I'll be building this with you while explaining the necessary things

Will you teach in English?

Radika Dilanka

I'm planning to teach this in Sinhala, but If you need to learn in English, I could do it.(conditions apply)

Who are you to teach this?

Radika Dilanka

I have nearly 5 years of experience in ReactJs and MERN Stack Development (MongoDB. NodeJs, ExpressJs and ReactJs). Moreover I have successfully completed my 3rd ReactJs team of nearly 100+ students. Also You can see some of thier feedbacks in the page

Why I need to do this?

Radika Dilanka

Good question. ReactJs is one of the best choice of modern technologies, this will be your entering point with a confident

What can I do after doing this?

Radika Dilanka

As I said this is an entry point, ReactJs is the starting point for all of them so you can do the following. (Create web application | PWA | work with NextJS Framework | work with GatsbyJs Framework | work with ReactNative for cross platform mobile app development and more)

Can I see the course content?

Radika Dilanka

Yes indeed, please click the Course Content button below

What should I do if I want to join?

Radika Dilanka

It's simple, click the below 'I want to Join' button and get registered

I have one more question

Radika Dilanka

Click the button below and contact me

hello@radikadilanka.com

Copyright © 2024 Radika Dilanka. All rights reserved.

Designed by Jeewantha Rashmika | Developed by Radika Dilanka

decorative dots