About The Training
This next-generation mobile app development program teaches you to build powerful, cross-platform iOS and Android applications using React Native - the open-source framework from Facebook (Meta). Master the future of coding through our unique "Vibe Coding" methodology with AI assistance, learning to develop native mobile apps using JavaScript instead of platform-specific languages like Java, Kotlin, Swift, or Objective-C. This hands-on training combines cutting-edge tech stacks with AI-enhanced workflows using tools like ChatGPT, GitHub Copilot, and Gemini. You'll learn to code smarter and faster while transforming from beginner to job-ready developer through our project-based curriculum focused on real-world mobile application development.
Why Learn React Native with Alabian Solutions?
At Alabian Solutions, we guide you on a complete journey—from absolute beginner to building fully-functional, cross-platform mobile apps. Our project-based training is designed for everyone:
- Over 15 years training developers in Nigeria.
- Graduates working at top tech firms and startups.
- Practical, mentor-led approach — no fluff, no theory overload.
- We stay ahead — teaching you AI-powered coding before it becomes mainstream.
Who This Training Is For
- Absolute Beginners Start with zero coding experience and build a strong foundation.
- Web Developers Transition your skills to build for both Android and iOS with one codebase.
- Native Developers If you already build Android or iOS apps, learn to go cross-platform efficiently.
- Build & Deploy complete, hybrid mobile applications and Connect your apps to live APIs and real-world data sources.
- Code Smarter with AI Integrate Generative AI tools like ChatGPT, GitHub Copilot, and Google Gemini for faster coding and debugging
- Aspiring Developers & Career-Changers Transform your app ideas into reality or launch a new career in tech.
Technologies To be Taught
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.
REGISTER NOWIntroduction 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
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.?
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
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.
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
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.
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 VIBE CODING
Vibe Coding is the new wave of software development — where you build apps by talking to AI instead of typing endless lines of code. Using Large Language Models (LLMs), creators describe what they want in plain English (or any language), and the AI generates the code. The term “Vibe Coding,” first popularized by Andrej Karpathy in early 2025, captures the essence perfectly — it’s about vibing with your AI coding partner until your idea comes alive.
WHY VIBE CODING
Vibe Coding changes the game. It drastically speeds up development, empowers non-coders to create real software, and lets developers focus on creativity instead of boilerplate. You can go from idea → prototype → working product in hours, not weeks. By bridging the gap between imagination and execution, Vibe Coding lets anyone — whether a designer, founder, or student — bring ideas to life without getting lost in syntax.
COURSE CURRICULUM FOR VIBE CODING
Introduction to VIBE CODING
- What is Vibe Coding and Why It Matters
- Traditional vs. AI-Assisted Development
Tools for Vibe Coding
- VS Code Extensions: Windsurf, GitHub Copilot, Tabnine
- LLM Platforms: ChatGPT, Deepseek, Gemini
No-Code Meets Vibe Coding
- Replit for instant coding
- Lovable for AI-generated apps
- Integrating No-Code tools with AI coding workflows
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.
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.
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.
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.
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.
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
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 organisations that have business relationship with us.
