Development
Flutter Guide 2025: Build Android, iOS and Web apps
Master the fundamentals of web development with this comprehensive course covering HTML, CSS, and JavaScript. Build interactive, responsive, and visually appealing web pages while gaining the skills needed to create dynamic websites from scratch.
What you will learn
- HTML Basics
- CSS Fundamentals
- CSS Positioning and Layouts
- Responsive Web Design
- Introduction to JavaScript
- Variables, Data Types, and Operators
- Control Flow and Loops
- Functions in JavaScript
- DOM Manipulation
- Event Handling
- Working with Forms
- Introduction to Debugging
- JavaScript ES6 Features
- Building Dynamic Web Pages
- Basic Web Animations
Corporate training outcomes
- Completion certificate
- Practical assignments and project work
- Mentor support and progress tracking
- Custom batch options for teams
- Yes
Requirements
- Laptop with good internet
- Basic computer knowledge
- Willing to dedicate time
- Passionate about learning web development
Curriculum
Introduction
- Section Intro
- Introduction
- Main Method
- Hello World
- Variables
- Basic Types
- **CHALLENGE: Print Variables**
- String Concatenation & Interpolation
- **CHALLENGE: String Interpolation**
- String Escaping
- Multi-Line Strings
- Basic String Operations: Uppercase and Lowercase
- Finding and Replacing Strings
- Conversions Between Types
- Arithmetic Operators
- **CHALLENGE: Temperature Conversion**
- Increment & Decrement Operators
- Logical & Relational Operators
- Ternary Conditional Operators
- Hex Format, Bitwise & Shifting Operators
- Comments
- Expressions & Statements
Flutter - Firebase Build Multi Vendor App
- Create Project
- Mvc Structure
- Configure Assets
- Google Fonts Package
Authentication Ui
- Create Login Screen
- Create Login Screen Ui
- Create Signin Button
- Create Advance Button
- Create Register Screen
Form Validation
- Using Validator
- Login Screen Validator
Handling User Input
- Add Firebase Packages
- Integrate Firebase
User Authentication With Firebase
- Firebase Integration
Working on the Main Screen
- Store Login Input
- Assignment
- Solution
Improvements
- Setup Firebase
- Create New User
- Store in Cloud
- Navigate User
- Login User
Header
- Create Main Screen
- Bottom Navigation Bar
- BottomNavigationBar Final
- Create Nav Screens
Firebase - Banner Section
- Show CircularProgressIndicator
- Signin Solution
- FirebaseAuthException
- Hide and See Password
- Solution
- Remove statusBar
Banner State Management
- Header Banner
- Create Search Field
- Finalize Header Section
Categories State Management
- Uploading Banners
- Retrieve Banners
- Display Banners
Web Admin Panel
- Add Getx Package
- Getx Retrieve Banners
- Using BoxShadow
- Display Banners
- Create Indicator
- Add Cached Network Image
- Use Cached Network Image
- Improve Code
Web Admin - Firebase Integration
- Upload Categories
- Create Categories Model
- Retrieve Categories
- Display Categories
Web Admin - Uploading Categories
- Create New Project
- Add Flutter Admin Scaffold
- Create SideBars
- Create Sidebar Screens
- Named Route
- SideBar Final
Web Admin - Uploading Banners/ Retriving Banners
- Add Firebase Package
- Web Firebase Integration
Web Admin -Uploading Products
- Category Ui
- Category Ui Final
- Validator Check
- Add File Picker
- Pick Image File
- Upload Categories - Cloud Firestore
- Retrieve Categories
- Show Web Images
- Flutter EasyLoading Package
- EasyLoading Final
Code Improvement
- Upload&Retrive Banners
App - Fetch Product
- Product Ui Design
- Fetch All Categories
- Display Categories
- Store Categories
- Pick & Display Images
- Create Size Button
- Adding Product Size
- Display Size
- Remove Size
- Clear Controller
- Form Validation
- Store Product Value
- Late vs. Nullable String
- Uuid
- Upload Products
Create Product Detail
- Improve Design
- Create Spinner
- Write Better Codes
- Reset Fields
Cart State Management - Riverpod
- Create Reusable Widget
- Display Product Name
- Product Design
- Product Design Part 2
- Display Product Image
- Sales Sold & Rating
- Favorite Design
Cart State Management - Design Cart
- Create Screen
- Start Working
- Display Product Images
- Display More Details
- Display Product Size
- Display Description
- Add To Cart Button
State Management - Updating Cart
- Add Riverpod
- Create Cart Models
- Add To Cart
- Add To Cart Final
- Display Cart Item - Getter Method
State Management - Favorite
- Design Custom App Bar
- Cart Empty Ui
- Cart Count Design
- Cart Item Design
Checkout - Place Order
- Updating Cart
- Checkout Button
- Calculate Total
Add Shipping Address
- Create Model
- Favorite Functionality
- Favorite Final
- Display Favorite
- Remove Item
Display Orders
- Create Screen
- Display Item
- Payment Options
- Place Order
- Place Order Final
- Shipping Button
- Shipping Button Final
Order Details
- Design Shipping Address Screen
- Update Address
- Show Dialog
- Checking Address
Review & Rating System
- Display Orders
- Display Order Final
- Delete Order
Display Product Rating
- Order Detail Screen
- Fix Overflow Error
Display Order - Web Admin Panel
- Review & Rating
- Store in Cloud
- Checking Rating System
- Update Review & Rating
- Updating Product Rating
Vendor Authentication
- Display Rating
- Display Rating - Product Detail
- Fetch Category Product
- Fetch Category Product Final
Vendor Main Screens
- Create Header
- Display Order Details
- Mark Delivered Or Cancel
Vendors Uploading Products
- Vendor Register Screen
- Vendor Registration Screen Final
Buy From Vendors
- Create Screen
- Create Bottom Navigation Bar
- Create Main Screens
Display Vendor Earningss
- Add Image Picker
- Pick Product Images
- Upload Products
- Upload Product Images
- Upload Image Final
- Fix Bug
- Additional Fields
Web Admin Display Buyers And Vendors
- Update Cart Model
- Fix Product Price
- Display Vendors Orders
- Mark Delivered Orders
Complete App
- Vendor Earnings Screen
- Display Vendors Earnings Final