Hybrid App Training (React Native)

This is a training where participants learn how to develop cross platform mobile app using front end technology and React Native

Register Now
*
*
*

Session *



How did you hear about us *

Occupation *

State of Residence *

About The Training

The training is about teaching participants how to use React Native to develop cross platform App. React Native is an open-source mobile application development framework created by Facebook to help developers with knowledge of web development build Mobile Applications without the need to learn Java, Kotlin, Swift nor ObjectiveC. In contrast, your Frontend Development skills in HTML5, CSS, JavaScript and React will be implored in building awesome mobile apps for both Android and iOS platform.

If you are new to Web Development or Coding there is no need to panic, our professional instructor will start the training from the very basics; by starting the class from HTML5 through to React Native. And at the end of the training participants will be able to produce an Hybrid App.

This training is targeted at:

  • Beginners with zero skill set in programming
  • Web developer that want to start building cross platform app for Android and iOS
  • People already building Android or iOS apps but want to build cross platform apps
  • People with app ideas but looking for how to implement them or people that want to change careers

Technologies To be Taught

HTML
CSS
JavaScript
GIT
React
Redux
React Native
JSX
Android Studio
MOBILE APP DEVELOPMENT TRAINING WITH REACT NATIVE
Download Timetable
Weekday
  • Time: 9:00am - 2:00pm
  • Date: 27th May'24 - 16th Aug'24
  • Price: ₦300,000.00
Weekend
  • Time: 10:0am - 6:pm
  • Date: 25th May'24 - 17th Aug'24
  • Price: ₦350,000.00
Training Venue

Alabian Solutions Limited Infinite Grace Plaza Plot 4 Oyetubo Street off Obafemi Awolowo Way Ikeja Lagos

Requirement

  • No programing experiences
    Good computer usage skill No previous coding (programing) experience is required for this training, as the training can be taken by somebody with zero skill in programming. The training will be so intense participant will end the training with skills they can use to develop world class software
  • Good computer usage skill
    All students are expected to know how to navigate their way on a computer system, They should know how to create files, save files in a folder and be very familiar with their computer keyboard.
  • Hardware Requirement
    Students are expected to come for the training with a laptop that has wireless LAN, minimum capacity 4Gb RAM, minimum free space on hard disk should be 200Gb, minimum Core i3 or Higher, processor speed of 2.5GHz or Higher.
  • Software Requirement
    All students are expected to have a PDF reader and Microsoft office installed in their system. Any other software needed will be provided by our organization.

About Git

Git is a distributed version control system used for tracking changes made to files and also for coordinating work done on those files among multiple people. It is primarily used for source-code management in software development. Participants will learn how to use these tools for working in team

WHY GIT

Git is a powerful version control system that allows you to keep track of changes made to your codebase over time. It helps you to collaborate with others more efficiently by tracking changes, merging code changes, and resolving conflicts.

COURSE CURRICULUM FOR GIT

Introduction to Version ControlL

  • What is Version Control
  • Why is Version Control Important
  • Types of Version Control

Introduction to Git

  • What is Git
  • Installing Git
  • Configuring Git
  • Git workflow

Git Basics

  • Creating a Git Repository
  • Cloning a Git Repository
  • Basic Git Commands (add, commit, push, pull, status)

Git Branching

  • Understanding Branching
  • Creating and Deleting Branches
  • Merging Branches
  • Merging Branches
  • Resolving Merge Conflicts

Git Remote

  • Adding Remote Repositories
  • Pushing and Pulling Changes
  • Fetching and Pulling Changes

Git Collaboration

  • Collaborating with Others
  • Gitignore

About HTML 5

Participants will learn the basics of HTML5, the training will start with instruction on how set up their IDE (Integrated Development Environment) and upload files to a live web server with an ftp client. They will go over HTML5 basics like valid document structure, and the usefulness of writing good HTML5 semantic tags. Each participant is expected to produce a webpage using the tags learnt in this module.

WHY HTML

HTML is the foundation of web development, and understanding it is essential for anyone who wants to build web applications. Knowing HTML will help you understand how web pages are structured, how they are displayed in a web browser, and how they interact with other web technologies.?

COURSE CURRICULUM FOR HTML

Overview of HTML

  • HTML Tags
  • HTML Elements
  • HTML Attributes
  • HTML Comments
  • Heading
  • Paragraphs
  • Text Formatting
  • Quotations
  • Links
  • Images
  • Tables
  • Lists
  • Block and Inline Elements
  • HTML Style Guide
  • Iframes
  • File Paths
  • Audio/Video
  • Viewport meta tag for Responsive web Design

About CSS 3

We will teach participants from the very basics of CSS3 to some fairly advanced concepts like floating, CSS rule conflict resolution, flexbox etc. We will also be taught the 'box model', background property, CSS3 font and even browser developers’ tool. This module will be culminated by converting the webpages created in HTML5 modules into a beautiful website.

WHY CSS

Knowledge of CSS is a valuable skill in the web development industry, and it can help you advance your career. Many job postings for web developers require knowledge of CSS, and employers are always looking for candidates who can create visually appealing and responsive web pages.

COURSE CURRICULUM FOR CSS

INTRODUCTION TO CSS

  • Benefits of CSS
  • CSS Syntax
  • How to add CSS to HTML
  • Code commenting in CSS
  • CSS Selectors (ID, Class, Tags, Attributes)
  • CSS Selectors
  • Pseudo-classes
  • Pseudo Elements
  • Applying Colors
  • Background Styling
  • CSS-Text Fonts
  • Height and Width
  • Position
  • Float
  • Flex
  • CSS Borders
  • Box model
  • Margins and Padding
  • Outline in CSS
  • Text Formatting
  • Fonts styling
  • Using Icons
  • Lists
  • CSS Tables
  • DropDowns
  • Styling Forms
  • Website Layout

ABOUT BOOTSTRAP 5

In this training, we are going to show participant how to build a mobile friendly Web Application with minimal effort using the latest version of Bootstrap. It will amaze you to see how we can simplify the task of Front-end development using Bootstrap.

WHY BOOTSTRAP 5

Bootstrap provides a set of pre-built components and styles that can save a significant amount of time when building web pages. By using Bootstrap, you can focus on customizing and fine-tuning your web pages rather than building everything from scratch.

COURSE CURRICULUM FOR BOOTSTRAP

Layout

  • Breakpoints
  • Containers
  • Grid
  • Columns
  • Gutters
  • Utilities
  • Z-index

Content

  • Images
  • Tables
  • Grid
  • Figures

Forms

  • Form control
  • Select
  • Checks & radios
  • Input group
  • Input group
  • Layout

Components

  • Accordion
  • Alerts
  • Badge
  • Buttons
  • Button group
  • Card
  • Carousel
  • Close button
  • Collapse
  • List group
  • Modal
  • Navbar

ABOUT JAVASCRIPT

For some of the participants JavaScript will be the first programming language they will be learning. Our instructors will simplify the act of programming. JavaScript will add interactivity to web pages. The module will cover just about everything - from common language constructs and data types to objects, functions, arrays, closures, Document Object Model (DOM) and Browser Object Model (BOM) API. Apart from just adding interactivity to a webpage we teach participant how to use JavaScript to create Web Applications and prepare them for other JavaScript Library they will learn in the training.

WHY JAVASCRIPT

JavaScript is the backbone of front-end web development, and it is used to build user interfaces, control animations, and handle user input. By learning JavaScript, you can create visually appealing and responsive user interfaces that enhance the user experience.

COURSE CURRICULUM FOR JAVASCRIPT

Introduction to JavaScript

  • Overview of JavaScript
  • Developer console
  • Adding JavaScript into HTML
  • JavaScript Statements
  • Basic Syntax
  • JavaScript Comments
  • Interaction: alert, prompt, confirm

Variables in JavaScript

  • The use of variables?
  • JavaScript Let
  • JavaScript Const
  • JavaScript Reserved Words

Data Types

  • Numbers
  • Strings
  • Boolean
  • Array
  • Objects
  • Null
  • Undefined

JavaScript Operators

  • Arithmetic Operators
  • Assignment operators
  • Comparison Operators
  • JavaScript Unary Operators
  • Ternary Operator
  • Instanceof Operator

Conditionals

  • If-else
  • Switch Case in JavaScript
  • Break and Continue

Loops in JavaScript

  • For Loop
  • While Loop
  • For-in Loop

Javascript functions

  • User-defined functions
  • Anonymous Functions
  • Functions as First-Class Citizens
  • Callback Functions
  • Inbuilt Functions
  • Understanding variable scopes in JavaScript
  • this in JavaScript

Document Object Model (DOM)

  • Introduction to
  • Document Object Model
  • Select Element By Id
  • Select Elements By Name
  • Select Elements By Tag Name
  • Select Elements By Class Names
  • Select Element By CSS Selectors

Traversing elements

  • Get the Parent Element
  • Get Siblings of an Element
  • Get Children of an Element

DOM Manipulating elements

  • Create Elements
  • Append Child Nodes
  • InnerHTML

Javascript Form

  • How to Create a Form with the JavaScript?
  • Form validation

Event handling

  • Introduction to Events
  • Page Load Events
  • The onLoad Event
  • The DOMContent
  • Mouse Events
  • Keyboard Events
  • Scroll Events

ES6

  • Template Literals
  • Object Literal Syntax
  • Default Parameters
  • Rest Parameters
  • Spread Operator
  • Destructuring


Asynchronous JavaScript

  • Promises
  • Async/await

Error Handling

  • try…catch try…catch…finally
  • Throw an Exception

ABOUT REACT

React.js is a JavaScript library that is use to build interactive User Interfaces (UI) without hassles. It makes creating interactive UI’s fun. Built and maintained by Facebook; React is spreading crazily across the industry, so fast that everybody is hiring a React developer.

WHY REACT

learning React is a valuable skill for anyone interested in front-end web development or software engineering. Its reusability, performance, flexibility, community support, job opportunities, and scalability make it a popular and essential tool for building modern web applications.

COURSE CURRICULUM FOR REACT

Introduction to React

  • What is React JS?
  • Why use React instead of JavaScript
  • Project Overview
  • Roadmap

React Setup

  • Environment Setup
  • Creating New Project
  • Analyzing Project Structure

React basics and components

  • Components & Why React is Component-Based?
  • JSX
  • React Elements
  • Building Component
  • Styling Components
  • Dynamic Data in components
  • Passing data using Props

State and event handling

  • Handling Events in React
  • Why are States required?
  • useState() Hook
  • Form Handling
  • Handling form Submission

Contents conditional rendering

  • Rendering of List
  • Importance of key attribute
  • Conditional Statements & Output

Handling side effects

  • What are side effects & useEffect()
  • UseEffect() hook
  • Cleanup function

HTTP Calls using Axios/fetch

  • Making first network Call with fetch
  • Network call using Axios
  • Handling data and states
  • Async and Await
  • Updating the data

Multipage Single page application with react-router

  • Introduction to routIng
  • What is Routing, how it works & installation
  • Basic Routing
  • Link and NavLink
  • Dynamic Routes
  • Nested Routes
  • Redirection and Not Found Page

Global state management with context

  • What is React Context?
  • React context vs Redux
  • When to use React Context?
  • Application of react context

Redux

  • Introduction to Redux
  • Actions
  • reducers
  • The Redux store
  • dispatch
  • Connecting Redux to React

Deployment

ABOUT REACT NATIVE

React Native is an open-source framework that allows you to build a mobile app with only JavaScript. It's very easy to learn and the basis is Javascript. React Native is an open-source mobile application framework created by Facebook. It is used to develop applications for Android, iOS, Windows etc.

WHY REACT NATIVE

React Native allows for faster development compared to traditional native app development because of its hot-reloading feature, which allows you to see changes in real-time as you develop.

COURSE CURRICULUM FOR REACT NATIVE

Introduction to React Native

  • What is React Native?
  • What does it do for us? Why choose it?What does it do for us? Why choose it?
  • Advantages of React Native
  • Pros and cons
  • Architecture
  • Sharing with web projects
  • What React Native code looks like
  • Leveraging your React knowledge

The Development Process

  • Where do I even start?
  • react-native vs. create-react-nativeapp
  • Which is better for given situations
  • The React Native team's recommendations
  • What is expo?
  • Creating a new React Native app
  • How to run it on a wireless device
  • How to run it in an Android emulator
  • How to run it on an iOS simulator

Single-value Controls

  • Components overview
  • Categories of components
  • Text
  • Text props and events
  • TextInput
  • Image
  • Differences between HTML and React Native images
  • Reserving space for them
  • Local images vs remote images
  • resizeMode

Flexbox for Native Layouts

  • Why flexbox?
  • Where it came from
  • Flexbox on the web is NOT flexbox on native
  • Containers and items
  • flexDirection
  • flexBasis vs width/height
  • flexShrink, flexGrow
  • The flex shorthand
  • justifyContent and alignContent
  • flexWrap

Layout Components

  • Components review
  • View
  • Text
  • How React Native styles differ from CSS
  • How to apply styles
  • How to control style inheritance
  • Conditional and programmatic styles
  • SafeAreaView
  • ScrollView
  • KeyboardAvoidingView
  • How to create modal views
  • Controlling the OS's status bar

Navigation

  • What is navigation?
  • How to get React Navigation
  • StackNavigator
  • Routing object
  • Navigation config
  • How to pass params when navigating
  • TabNavigators
  • Three types of TabNavigators
  • How to set icons
  • DrawerNavigator
  • Examples and demos

Touchables and Buttons

  • The Button API
  • Button events and props
  • Handling data and states
  • Why touchables?
  • TouchableWithoutFeedback
  • TouchableNativeFeedback
  • TouchableOpacity
  • TouchableHighlight

Instructors

Our faculty is made of guys that are enthusiastic about teaching and assisting participant to understand technology been taught. Each of the instructors are working on real life project for clients and also developing a pet project by the side.

Alabi A.

Lead Instructor html, css, bootstrap, php, mysql

Alabi is the Lead Developer at Alabian Solutions Limited and to his credit is NIM/UI a PHP powered Student Management Portal for NIM/UI Postgraduate Diploma in Management. He also freelances as a Web Technology Instructor at Web Academy Nigeria. Alabi will be teaching the backend technologies.

Uwazie Benedict

Instructor html, css, bootstrap, php, python, mysql

Ben is the Training Manager at Alabian Solutions Limited. He is known for his down to earth presentation and clear communication in class room. Some of his works are Alabian Solutions website, Reals Pharmaceutical (a custom Wordpress theme) and he built and implemented a payment system for NIM elearning portal.

Ebhoria Joshua

Instructor React and React Native

Joshua is a graduate of University of Lagos. He is a Javascript enthusiast with a zeal to bring out the best in people. He develops mobile apps with React Native at Alabian Solutions, and would be taking lectures in React and React Native. Among other projects, He was also involved in the development of IBEDC Customer Portal.

Babatunde Odumosu

Instructor java, android

Babatunde Odumosu is an Android developer who has been developing android apps using both Java and Kotlin programming language for over 2 years. I am presently a Google Africa Developer Scholar (GADS) and also a member of the Andela Learning Community in Lagos.

Ogungbure Shola

Instructor html, css, bootstrap, php, laravel

Shola is a PHP developer knowledgeable in writing server-side web application logic and the use of Laravel framework

Enang Favour

Instructor html, css, react, nodejs

Favour is a developer at Alabian solutions with love for javascript He would be taking lectures on the MERN stack, among all these he also assist student with their coding challenges and also building apps

Some Fun Facts

Some stuff are better explained in figures. Our scorecard

Happy Clients

0+

Successful Projects

0+

Students Trained

0+

Employees

0