Hands-on React! Explore React Essentials, Best Practices, Forms, Redux, Flux, Routing, Hooks, Unit Testing, Rest & More

React Essentials is an engaging, three-day course tailored for web developers who are new to React. This course is a perfect starting point for those looking to add this powerful JavaScript library to their skill set. React is renowned for its efficiency in building dynamic user interfaces, making it a valuable asset for any web project. By learning React, you'll be equipped to create more interactive, responsive websites, enhancing both user experience and organizational web strategies.
During the course, you'll explore essential React topics through a mix of lectures and hands-on labs.

Throughout the course, you'll dive into the essentials of React, starting with the fundamentals of building your first React web application, where you'll learn about setting up your development environment and creating your initial application. You'll also explore the intricacies of React's component-based architecture, including functional components, and understand the role of JSX in developing intuitive user interfaces. You’ll also explore creating and managing web forms, along with an understanding of routing to build multi-page applications. Complementing these core topics, the course also introduces you to advanced concepts such as the Virtual DOM, state management using Hooks, and essential tools like React Router, ensuring you have a comprehensive foundation in React.

This course prioritizes a practical approach, ensuring that 50% of your time is spent in hands-on labs, solidifying your understanding through real-world application. Guided by an industry expert, you'll acquire problem-solving skills and gain confidence in applying your new knowledge immediately in your projects. By the end of the course, you will have not only a theoretical understanding of React but also practical basic experience in its application, ready to enhance your web development projects with your newfound skills.

Who Should Attend?

This fast-paced course is for intermediate skilled web developers new to React who are proficient in HTML5, CSS3 and JavaScript. This course is not for beginners.

React Temellerine Başlangıç Eğitimi programına Online Instructor-Led (canlı sanal sınıf) veya Classroom Based (sınıf eğitimi) formatlarında doğrudan katılım sağlayabilirsiniz. Ayrıca bu eğitimi kurumunuza özel olarak Online Instructor-Led, Classroom Based veya Onsite (yerinde eğitim) formatlarında, tercih ettiğiniz tarih ve lokasyonda organize edebiliriz. Detaylı bilgi ve kurumunuza özel planlama için bizimle iletişime geçebilirsiniz.

Bu eğitimi dilediğiniz tarih ve lokasyonda organize edebiliriz.

Önkoşullar

In order to be successful in the course, you should have solid, current hands-on experience developing basic web applications, and be well versed in HTML5, CSS3 and JavaScript.

Neler Öğreneceksiniz

Our engaging instructors and mentors are highly experienced practitioners who bring years of current "on-the-job" experience into every classroom. Working in a hands-on learning environment, guided by our expert team, you’ll learn how to:

Develop and Deploy a Basic React Application: Gain basic skills in setting up a React development environment and deploying a basic React web application.
Work with React Components and JSX: Learn to effectively use class and functional components in React, integrating JSX syntax for dynamic user interface development.
Implement Forms and Routing in React: Acquire skills in creating and managing interactive web forms and implementing seamless navigation using React Router.
Apply State Management and Lifecycle Methods: Understand and apply state management using the useState Hook and lifecycle methods with the useEffect Hook in React applications.

Eğitim İçeriği

Your first React Web Application
- Setting up your development environment
- JavaScript ES6 /ES7
- Next.js Introduction
- Getting started
Functional Components
- What’s a component?
- Class components
- Functional components - Motivation behind Hooks
- Our first component
- Building the App
- Props - Making the App data-driven
- Events - Your app’s first interaction with the useEffect() Hook
- State - Updating state with the useState() Hook
JSX and the Virtual DOM
- React Uses a Virtual DOM
- Why Not Modify the Actual DOM?
- What is a Virtual DOM?
- Virtual DOM Pieces
- ReactElement
JSX
- JSX Creates Elements
- JSX Attribute Expressions
- JSX Conditional Child Expressions
- JSX Boolean Attributes
- JSX Comments
- JSX Spread Syntax
- JSX Gotchas
Forms
- Forms 101
- Text Input
- Multiple fields
- Validation
Routing
- What’s in a URL?
- React Router’s core components
- Building the components of react-router
Advanced Component Configuration with context
- Context - Provider/Consumer
- useContext() Hook Example
Unit Testing & Jest
- Writing tests without a framework
- What is Jest?
- Using Jest
- Testing strategies for React applications
Debugging React
- Using React Developer Tools
- Using Visual Studio Code
- OPTIONAL - Using the Chrome Debugger

Bonus Content / Time Permitting

REST
- REST Basics
- Using fetch
- Using axios
ES6 Primer
- Prefer const and let over var
- Arrow functions
- Modules
- Object.assign()
- Template literals
- The spread operator and Rest parameters
- Enhanced object literals
- Default arguments
- Destructuring assignments

Neden Bizi Seçmelisiniz

React Temellerine Başlangıç Azerbaijan eğitimine Bilginç IT Academy'nin canlı ve etkileşimli sanal sınıf ortamında katılabilirsiniz. Online Instructor-Led eğitimlerimize bireysel olarak genel katılıma açık (Public) sınıflardan katılabileceğiniz gibi, kurumunuza özel (Private / In-house) bir sınıf da planlayabilirsiniz.

Eğitim Formatı (Delivery Method): Online Instructor-Led
Katılım Modeli (Participation Model): Genel Katılıma Açık (Public) / Kuruma Özel (Private / In-house)
Canlı ve Etkileşimli Eğitim: Eğitmeninizle gerçek zamanlı iletişim kurun; soru-cevap, uygulama ve grup çalışmalarıyla öğrenme sürecine aktif olarak katılın.
Esnek Katılım: Evinizden, ofisinizden veya internet erişiminizin bulunduğu herhangi bir lokasyondan eğitime katılın.
Uzman Eğitmen Kadrosu: Sektör deneyimine sahip, alanında yetkin eğitmenlerden güncel ve uygulanabilir bilgiler edinin.
30 Yılı Aşkın Deneyim: Bilginç IT Academy'nin 1995 yılından bu yana süregelen eğitim uzmanlığından yararlanın.
Dünya Genelinde Erişim: Azerbaijan dahil dünyanın farklı lokasyonlarından canlı sanal sınıflarımıza katılabilir veya kurumunuza özel online eğitim planlayabilirsiniz.

Getting Started with React Essentials Azerbaijan eğitimine yüz yüze sınıf ortamında katılabilirsiniz. Classroom Based eğitimlerimiz genel katılıma açık (Public)sınıflar veya kurumunuza özel (Private / In-house)sınıflar şeklinde planlanabilir.

Eğitim Formatı (Delivery Method): Classroom Based
Katılım Modeli (Participation Model): Genel Katılıma Açık (Public) / Kuruma Özel (Private / In-house)
Yüz Yüze Öğrenme: Eğitmeniniz ve diğer katılımcılarla doğrudan iletişim kurarak etkileşimli bir sınıf deneyimi yaşayın.
Deneyimli Eğitmenler: Sektörde uzun yıllara dayanan deneyime sahip uzmanlardan gerçek dünya örnekleriyle öğrenin.
Profesyonel Eğitim Ortamı: Teknolojik altyapısı güçlü, konforlu ve öğrenmeye uygun sınıflarda eğitim alın.
Uygulamalı Öğrenme: Eğitim içeriğine bağlı olarak uygulamalar, senaryolar, vaka çalışmaları ve eğitmen yönlendirmeli çalışmalarla teorik bilgilerinizi pratiğe dönüştürün.

Getting Started with React Essentials Azerbaijan eğitimini kurumunuza özel olarak kendi ofisinizde veya tercih ettiğiniz lokasyonda gerçekleştirebilirsiniz. Bilginç IT Academy eğitmenleri, kurumunuzun ihtiyaçlarına göre planlanan eğitim için belirlediğiniz lokasyona gelebilir.

Eğitim Formatı (Delivery Method): Onsite
Katılım Modeli (Participation Model): Kuruma Özel (Private / In-house)
Tercih Ettiğiniz Lokasyonda Eğitim: Eğitimi şirketinizin ofisinde veya belirlediğiniz farklı bir lokasyonda organize edin.
Kuruma Özel İçerik: Eğitim programını şirketinizin projelerine, ekip yapısına, mevcut yetkinlik seviyesine ve iş ihtiyaçlarına göre uyarlayın.
Ekip Odaklı Öğrenme: Ekibinizin aynı içerik ve yaklaşım etrafında gelişmesini sağlayarak kurum içi bilgi paylaşımını ve iş birliğini güçlendirin.
Esnek Planlama: Eğitim tarihini, lokasyonunu ve programını kurumunuzun operasyonel ihtiyaçlarına göre planlayın.
Global Eğitim Organizasyonu: Eğitimi Azerbaijan lokasyonunda veya tercih ettiğiniz farklı bir ülkede/lokasyonda kurumunuza özel olarak organize edebilirsiniz.

Eğitimlerle ilgili bilgi almak ve diğer tüm sorularınız için bize ulaşın!

Neden bizi tercih ettiniz?

Bilginç'ten daha önce eğitim aldım ve memnun kaldım.

Daha önce farklı bir kurumdan aldığım eğitimden memnun kalmadım.

Diğer

IT departmanınızda kaç kişi çalışıyor?

0 – 50

50 – 250

250 – 1000

1000+

Getting Started with React Essentials Azerbaijan Eğitimi

Who Should Attend?

Önkoşullar

Neler Öğreneceksiniz

Eğitim İçeriği

Neden Bizi Seçmelisiniz