Requirements
·
Basic Knowledge of HTML and CSS
·
Basic Computer Skills
Description
This course takes you
step-by-step through the process of building a fully functional calculator in
React. React, also known as React JS, is a powerful JavaScript library used for
building custom, interactive user interfaces using UI components. Some of the
most well known examples of organizations using React for their front-end
include Netflix, Facebook, and Airbnb. Developed and maintained by Meta along
with a community of independent developers, React remains free and open-source.
React is a component based library built entirely on JavaScript, which makes it
perfect for designing complex UI’s. With React, developers can build
encapsulated components that efficiently manage their own state and render UI
updates specifically when data changes. For example, think of the automated
content refresh feature you see on a twitter feed, or facebook like button.
Here the state of the UI component changes on the page, without having to
manually refresh when the data is updated. This is just one small, yet powerful
feature of React.
Through a complete hands-on project, this course will teach you all the
fundamental principles of React that you must know to become a proficient React
developer. We start right from the basics, including the tools needed to get
started. From there we dive into JSX, functional components, props, callbacks,
and various OnClick events. By this stage, the calculator will have a complete
visual display, coupled with functional arithmetic operations. Students then
move on to passing parameters in Callback functions, using the React State
Hook, and debugging.
In addition to the hands-on React module, we also offer a comprehensive
overview of JavaScript for those who need a refresher. Here we start with
introducing students to the document object model (DOM) which defines the
logical structure of HTML documents. From there we dive into JavaScript to
demonstrate various methods in which DOM elements can be manipulated to add
interactivity to static components. We start right from the basics, which includes
JavaScript placement, and data output. From there we move on to variable
declaration, arithmetic operations, operator precedence, data types, and
objects. Once the foundations are covered, we move on to more complex
operations using Arrays, Conditional Statements, JavaScript comparison
operators, booleans and loops. Here students will learn to unleash the true
power of JavaScript to render different outcomes based on user interaction. We
will explore the use of functions to efficiently handle repetitive tasks and
JavaScript events to handle output based on actions and occurrences. The
section will conclude with a hands-on project where students will implement
their knowledge to build a web based photo gallery and background color
changer.
As you can see this course covers a tremendous bit of ground. Best of all it
features Tim Maclachlan - a renowned senior full-stack developer with over 20
years of commercial development experience. As a multi-faceted developer, Tim
specializes in algorithmic, analytical and mobile development. To date, he’s
written hundreds of applications and worked in a number of industries from
commercial aviation and military, to banking and finance. Tim has a genuine
passion for teaching others how to become better coders and looks forward to
interacting with his students.
With that said, we hope you’re just as excited about this course as we are, if
so - hit that enroll button and let’s get started.
Who this course is for:
·
Students interested in learning how to build interactive web
pages using JavaScript
·
Students interested in learning ReactJS
·
Students interested in front-end UI Development using React
·
Students interested in learning JavaScript Foundations
Join us on Telegram:
0 Comments