Please enable JavaScript.
Coggle requires JavaScript to display documents.
Mobile Application Development - Coggle Diagram
Mobile Application Development
Front-end technologies (40 hrs)
ReactJS
ReactJS Introduction
Fundamentals
Front-end Library
Web Working
Client-server communication
React Components
Functional Component
Class based component
Custom Component
State and Props
Component life cycle
React JSX
Styling
Operators
JS6 expressions
Templating
React Forms and Events
Form attributes
Methods
Event Handler
Refs and Keys
DOM measurment
Component keys
Refs
React Router
BrowserRouter
Route
Switch
Event handling
Methods
Conditions
Rendring
React Hooks/Context API
Why Hooks?
Rules of Hooks
Basic react hooks
Redux
Why Redux?
Introduction to Redux
API Integration
AXIOS
Fetch API
React Native
Why Native?
Cross platform Introduction
React Native Fundamentals
React Native CLI
Android Development Enviroment
Mobile Interfaces/Styling
Adding Navigation
Handling Assets
Adding Animations
Deployment
Firebase Introduction
Authentication
Javascript
Why Front-end
Why javascript?
Introduction to JS6
Functions
Template literals
Map, reduce and filter
Operators
Import/Export statements
JS promise
Async/Await
Destructuring objects
Spread operator
JS and React relationship
JS Object oriented
Back-end Technologies (30 hrs)
Python/Django
Introduction
Django File structure
Django Views
Django Models
Django Forms
Django Urls
ORM's
Django templates
Django static file handler
Django File handler
Why Django?
REST API
Authentication
Databases
Mysql
MongoDB
Firebase
Design Aspect of WebDev (Combined in 30 hrs)
HTML5
Why HTML?
Introduction
Different tags
Attributes
Forms
Tables
Validation
Media Tags
HTML Semantics
HTML Canvas
End Note
Bootstrap4
Introduction
Comparision with CSS
Bootstrap classes
Bootstrap Grid
Bootstrap Forms
Bootstrap Header
Bootstrap Footer
Bootstrap Side Navs
Bootstrap Modal
Bootstrap Notification
Bootstrap Cards
CSS3
Introduction
Syntax
Different Selectors
CSS Box Model
CSS Grid
CSS Form
CSS Tables
CSS Overflow
CSS Display
Media Handler
CSS Validation
CSS Transition
Project
Final Full-fledged Mobile app (Projects)
Student Management
Your Shop(e-com) (Django & React, Native)
To-Do app (React JS)
Video Player (React Native)
Contact App (Django)