REQUIREMENTS: HTML, CSS, JavaScript
Introduction
Mobile App development has come a long way, from Android Studio SDK (Software Development Kit) by Android using the JAVA language, to using Kotlin, Swift, Dart, React Native and so many more. But I’m happy to tell you that there’s no better time to learn mobile App Development than Right NOW!
WHY?
Because of PWAs (Progressive Web Applications). PWAs are flexible, adaptable apps using only web technologies. They are browser-based and bridge the gap between traditional mobile websites and in-app experiences. They let users take advantage of both web and native app features.
It’s not always easy to tell if a web app is a PWA. PWAs can be identified typically by a few common traits. They are discoverable, installable, linkable, network independent, progressively enhanced, re-engageable, responsively designed, and secure.
- Introduction to Mobile Computing
- Introduction to Progressive Web Applications.
- Mobile Software Engineering.
- Generic UI Development.
- Designing the Right UI.
- Characteristics of Mobile Applications
- Elements, tags and attributes
- Character encoding
- Best practices
- Semantics
- Graphics
- Hyperlinks
- CSS basic syntax
- CSS properties
- Lists and selectors
- Tables
- Multimedia
- Embedding content
- CSS tricks
- Concepts
- CSS Flexbox
- CSS Grid
- Projects
JavaScript tutorial for beginners 🌐
Variables 📦
Arithmetic operators ➕
Accept user input 💬
Type conversion 💱
Constants 🚫
Counter program 🔢
Math object 🧮
Random number generator ⁉
If statements 🤔
Checked property ✅
Ternary operator ❓
Switches 💡
String methods 🧵
String slicing ✂️
Method chaining ⛓
Logical operators ❗
Strict equality 🟰
While loops 🔁
For loops 🔂
Number guessing game ↕
Functions 📞
Variable scope 🏠
Temperature conversion program 🌡️
Arrays 🗃
Spread operator 📖
Rest parameters 🗄
Dice Roller program 🎲
Random password generator 🔑
Callbacks 🤙
forEach() ➿
map() 🗺
filter()
reduce()
Function expressions
Arrow functions
JavaScript Ojects
What is THIS
Constructors
Classes
STATIC keyword
Inheritance
SUPER keyword
Getters & Setters
Destructuring
Nested objects
Arrays of objects
Sorting
Shuffle an array
Dates
Closures
set Time out
Digital Clock program
Stopwatch program
ES6 Modules
Asynchronous code
Error handling
Calculator program
What is the DOM?
Element selectors
DOM navigation
Add & change HTML
Mouse events
Key events
Hide/show HTML
Node Lists
class List
Rock Paper Scissors
Image Slider
Callback Hell?
Promises
Async/Await
JSON files
Fetch data from an API
Weather App project
- What are Progressive Web Apps?
- Why using Progressive Web Apps?
- Introduction to Service Workers.
- The first progressive web app using Html and JS
- Web Capabilities & Native Intergrations
- PWA Demos
- Recap: Why Build PWAs?
- Basics of Service Workers
- Working with Service Workers.
- Caching and Fetching Using Service Workers
- Beyond Caching
- PWA Developer tools: Debugging
- Developer Tools: Publishing.
- PWA Native Intergrations in Depth.
- Better UX for PWAs
- How PWAs further integrate with the host OS.
- PWA Demos.
Progressive Web Apps
This is a Full-year course that will take you through the Process of Software Development and Engineering, where you will develop your own projects such as a Calculator, a game, and web apps.
