TRAINING CATEGORIES
(Click Category to List Courses)

41 - IT-P Information Technology - Programming


IT-P 135B - React JS & React Native (10 Days)

Code Start Date Duration Venue
IT-P 135B 28 October 2024 10 Days Istanbul Registration Form Link
IT-P 135B 02 December 2024 10 Days Istanbul Registration Form Link
Please contact us for fees

 

Course Description

JavaScript’s React library offers tools most developers are keen to work with if they have not explored the offerings already. React offers faster to market time, ease of use, quick rendering with V-Dom, efficient design and some truly unique developer tools. 

This course contains basic elements like introduction, JSX overview, Environmental setup, real-time applications, forms and UI, Component Lifecycle, Event Handling, and Styles along with advanced features such as router and navigations, Flux, Redux, and Unit testing methods.

In addition, it can serve as a guide through the entire React Native development process from setting up development environment all the way to developing and deploying an app. 

Course Objectives

  • Building single page applications
  • Building interactive forms
  • Implementing routing with React Router
  • Building isomorphic React applications
  • Setup and use of the create-react-app toolchain
  • Writing reusable, shared logic for use in application ecosystems
  • Building performant, interactive and data driven web applications

Who Should Attend?

  • Developers
  • IT managers
  • Anyone who would like to know about apps development using React 

Course Details/Schedule

Day 1

  • React JS
  • Welcome to React
  • Obstacles and Roadblocks
  • React’s Future
  • Working with Files
  • React Developer Tools
  • Installation Node JS
  • Emerging JavaScript
  • Declaring Variable in ES6
  • Arrow function
  • Transpiling ES6
  • ES6 Objects and Arrays
  • Promises
  • Classes

Day 2

  • Pure React
  • Page Setup
  • The Virtual DOM
  • React Elements
  • React DOM
  • Children
  • Constructing Elements with Data
  • React Components
  • DOM rendering
  • React with JSX
  • React Elements as JSX
  • Babel
  • Intro to Webpack

Day 3

  • Props, State and the Component Tree
  • Property Validation
  • Refs
  • React State Management
  • State within component Tree
  • Enhancing Components
  • Component Lifecycle
  • JavaScript Library Integration
  • Higher-Order Components
  • Flux

Day 4

  • Redux
  • State
  • Actions
  • Reducers
  • The Store
  • Action creators
  • Middleware
  • React Redux
  • Explicitly Passing the Store
  • Passing Store via Context
  • Presentation Versus Container Components
  • The React Redux Provider
  • React Redux Connect

Day 5

  • React Router
  • Incorporating the Router
  • Nesting Routes
  • Route Parameters
  • React on the Server
  • React on the Server

Day 6

  • React Native
  • Creating React Environment
  • Installing Dependencies for the Development
  • Creating First App
  • Running App in the Simulator
  • Running App on Both Android and iOS Device
  • Simple React Natve App Creation
  • Adding Styles to the Elements
  • Toggle Buttons
  • List Items
  • Flexbox to create a Layout
  • Navigation setup

Day 7

  • User Interface Implementation
  • Developing Reusable button
  • Creating Design for the Tablet and iPad
  • Including Custom Fonts and Icons
  • Orientation Change Detection
  • Webview to embed external websites
  • Creating a Form Component
  • Advanced User Interface Implementation
  • Implementing Google Map into the App
  • Audio Player and Image Carousel
  • Creating Push Notification to the App
  • Browser Based Authentication

Day 8

  • Simple Animation Implementation
  • Simple Animation
  • Multiple Animation
  • Animated Notification
  • Container Collapse and Extend
  • Loading Animation
  • Advanced Animation Implementation

Day 9

  • Data and Application Logic
  • Storing Data in Local
  • Retrieving and Sending Data from API
  • WebSockets for the communication
  • Persistent Database Functionality
  • Network Connection Lost Masking
  • Redux, Appwork Flow and Others
  • Redux Overview
  • Working with Redux
  • Choosing App Workflow
  • NativeBase for the Cross Platform UI
  • Styling UI component

Day 10

  • Bringing Native Functionality
  • Rendering Custom iOS Component
  • Rendering Custom Android Component
  • Application State Change Reaction
  • Push Notification Setup
  • Playing Audio File in IOS and Android
  • Deploying The Apps
  • Production, Testing and Build
  • Deploying App on Apple App Store
  • Deploying App on Google Play Store 

 

ETABS and SAFE. Training 24 CCE 210 5 SAP 2000. Training 25 CCE 305 5 Quality Assurance in Pavement Construction 26 CCE 401 5 Construction Project Management 27 CCE 402 10 Construction Project Management (10 Days) 28 CCE 403 5 Construction Project Management-Intensive 29 CCE 405 5 Principles of Construction Project Management 30 CCE 406 10 Principles of Construction Project Management (10 Days) 31 CCE 410 10 Construction Project and Risk Management (10 days) 32 CCE 411 5 Project & Contract Management for Marine Construction 33 CCE 412 5 Application of GIS in Construction Management 34 CCE 415 4 Sustainable Water Management Techniques, Innovation and Solution (4 Days) 35 CCE 419 5 Construction Management of Hydraulic Projects 36 CCE 420 5 Water Project Management 37 CCE 421 10 Modern Technologies in the Supervision and Quality Control of Irrigation Projects and Dealing with Contractors (10 Days) 38 CCE 422 5 Rapid Earthquake Hazard Evaluation of Buildings 39 CCE 425 10 Practical Application of Computers in Structural Engineering (10 Days) 40 CCE 428 5 Survey & Profile Using Total Station 41 CCE 430 5 Bridge Construction and Maintenance 42 CCE 435 5 Bridge Inspection and Maintenance 43 CCE-A 410 10 إدارة المشاريع الهندسية -10 أيام
21 - TTC - Transportation and Traffic Control
22 - ADV - Architectural Design and Visualization
23 - SRM - Safety and Occupational Health
24 - CSM - Public Relations, Communication Skills & Office Management
25 - TEM - Training and Education Management
26 - CMR - Customer Relations