Top 10 Scholarship Achievers (II List) – 15 Dec 2024

Your brilliance has earned you the spotlight. Keep shining, and pave the way to success!

Bhadrayu Srivastava
BBD

RANK 1
Ayush kumar
Govt. Polytechnic Lucknow

RANK 2
Deepesh Kumar
Govt. Polytechnic Lucknow

RANK 3
Shubham Gupta
Govt. Polytechnic Lucknow
RANK 4
Abhishek Singh
GPA Gonda
RANK 5
AKHILESH KUMAR SAHU
AKTU
RANK 6
Ayushi Srivastava
BBD University
RANK 7
Alok Pandey
Govt. Polytechnic Lucknow
RANK 8
Abhishek Dwivedi
BBD University
RANK 9
ANUJ TIWARI
BBD University
RANK 10
Courses & Pricing

Empower your growth with our diverse training programs and expert support for tailored success.

26 %
OFF

WAS

35,000.00

Flutter Apperenticeship

NOW

25,900.00

TERMS & CONDITIONS

Only for the First 50 Students!

30 %
OFF

WAS

30,000.00

Php Apperenticeship    

NOW

21,000.00

TERMS & CONDITIONS

Only for the First 50 Students!

50 %
OFF

WAS

12,000.00

Flutter Summer Training

NOW

6,000.00

TERMS & CONDITIONS

Only for the First 50 Students!

60 %
OFF

WAS

10,000.00

Php Summer Training    

NOW

₹4,000.00

TERMS & CONDITIONS

Only for the First 50 Students!

30 %
OFF

WAS

30,000.00

MERN Apperenticeship    

NOW

21,000.00

TERMS & CONDITIONS

Only for the First 50 Students!

500+

STUDENT GOT TRAINED

800+

Projects

500+

SATISFIED CANDIDATES

450+

PLACED SUCCESSFULLY

Structured Curriculum to help you in IT Training

Comprehensive IT Training Curriculum

Module 1 - Html, CSS Complete Courses


Duration: 20 days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Introduction:

  • What is HTML?
  • Definition and importance of HTML
  • Role of HTML in web development
  • Overview of how HTML works with CSS and JavaScript

History Of HTML:

  • Evolution of HTML from HTML 1.0 to HTML5
  • Key milestones and developments in HTML history
  • Impact of HTML advancements on web development

Basic Structures of a Web Page:

  • Fundamental structure of an HTML document
  • Understanding the declaration
  • Introduction to HTML elements and attributes

HTML Head Tags:

  • Purpose and Use of the head Section
  • Common head tags: title, meta, link, style, script, meta viewport=””
  • Using meta tags for SEO and responsive design

HTML Body Tags:

  • Structure and Purpose of the body Section
  • Creating and organising content within the body
  • Basic HTML tags for structuring web pages

HTML Basic Tags:

  • Usage and examples of line breaks with br
  • Creating horizontal rules with hr
  • p, h1 to h6, a, img, ul, ol, li, div, span, strong, em, table, tr, td, th, form, input, button

HTML Link Creation:

  • HTML Anchor Tags
  • Creating hyperlinks with the a tag
  • Understanding href attribute and link destinations
  • Opening links in new tabs or windows with target attribute

HTML Tables:

  • Constructing tables with table, tr, td, and th tags
  • Basic table structure and usage

HTML Nested Tables:

  • Creating tables within tables
  • Managing nested table layouts

HTML Merging Cells:

  • Merging table cells with colspan and rowspan attributes
  • Practical examples of cell merging

HTML Text Wrapping:

  • Wrapping text within table cells
  • Handling overflow and text alignment

HTML Table Background Image:

  • Adding background images to tables or cells
  • Customising table aesthetics with background images

HTML Table Cell Alignment:

  • Aligning text and content within table cells
  • Using align and valign attributes

HTML : MODULE 2

  • HTML Lists:
  • HTML Unordered Lists
  • Creating bulleted lists with ul
  • Using li for list items
  • Styling unordered lists
  • HTML Ordered Lists
  • Creating numbered lists with ol
  • List item customization and attributes
  • Nested lists and their formatting
  • HTML Image Insertion:
  • Inserting Images with the img Tag
  • Understanding src and alt attributes
  • Image dimensions and alignment
  • HTML Embedding Videos:
  • Embedding Videos Using the video Tag
  • Video attributes: controls, autoplay, loop, muted
  • Supporting different video formats
  • HTML Forms:
  • Introduction to Forms
  • Purpose and structure of HTML forms
  • Basic form elements and their roles
  • HTML Form Tags and Attributes
  • Essential form tags: form, input, label, fieldset
  • Understanding form attributes: action, method, name, id
  • HTML Forms - Post vs. Get
  • Differences between POST and GET methods
  • Appropriate use cases for each method
  • HTML Forms - Input Text Fields
  • Creating text input fields with input type="text"
  • Attributes for text fields: placeholder, maxlength, required
  • HTML Forms - Select Menus
  • Creating drop-down lists with select and option tags
  • Handling multi-select menus
  • HTML Forms - Checkboxes and Radio Buttons
  • Using input type="checkbox" and input type="radio"
  • Grouping radio buttons for exclusive selection
  • HTML Forms - Text Areas and Buttons
  • Creating multi-line text input with textarea
  • Adding buttons: button, input type="submit", input type="reset"
  • HTML iframes:
  • Embedding External Content with the iframe Tag
  • Adjusting iframe attributes: src, width, height, frameborder
  • Security and sandboxing considerations

CSS : MODULE 1

  • Introduction:
  • What is CSS?
  • Why use CSS?
  • CSS syntax and structure
  • Types of CSS:
  • Inline CSS
  • Internal/Embedded CSS
  • External CSS
  • CSS Selectors:
  • Element selectors
  • Class selectors
  • ID selectors
  • Attribute selectors
  • Grouping selectors

CSS : MODULE 2

  • CSS Box Model:
  • Understanding the box model (margin, border, padding, content)
  • Box-sizing property
  • Layout Techniques:
  • Block vs. inline elements
  • Display property (block, inline, inline-block, flex, grid)
  • Positioning (static, relative, absolute, fixed)
  • Typography:
  • Fonts and text properties
  • Text alignment
  • Text decoration and transformation
  • Typography:
  • Fonts and text properties
  • Text alignment
  • Text decoration and transformation

CSS : MODULE 3

  • Colors and Backgrounds:
  • Color properties (color, background-color)
  • Using gradients
  • Background images and positioning
  • Responsive Design:
  • Media queries
  • Viewport units (vw, vh)
  • Responsive units (em, rem)
  • CSS Transitions and Animations:
  • Transition properties (transition, transition-property, etc.)
  • Keyframes and animation properties
  • Creating basic animations
Outcomes:

After this module, you will be confident in:

  • Coding in 1 programming language.
  • Fundamental understanding of Data Structure & Time Complexity.

Module 2 - Bootstrap, Javascript Complete Courses.


Duration: 53 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Bootstrap : MODULE 1

  • Foundations of Bootstrap:
  • Introduction to Bootstrap: Overview of Bootstrap and its importance in web development.
  • Embedding Bootstrap: Methods to include Bootstrap in web projects (CDN, local files).
  • Bootstrap: Basic Page Structure: Setting up the basic HTML structure for a Bootstrap project.
  • Layout and Grid System:
  • Bootstrap Grid System: Understanding the grid system, containers, rows, and columns.
  • Bootstrap Three Column Layouts: Creating responsive three-column layouts.
  • Typography and Tables:
  • Bootstrap Typography: Styling text using Bootstrap classes.
  • Bootstrap Tables: Creating and styling tables.

Bootstrap : MODULE 2

  • Images and Utilities:
  • Bootstrap Styling Images: Enhancing images with Bootstrap classes.
  • Bootstrap Jumbotron: Creating attention-grabbing content blocks.
  • Alerts and Buttons:
  • Bootstrap Alerts: Implementing alert messages.
  • Bootstrap Buttons: Styling and customizing buttons.
  • Bootstrap Button Groups and Justified Button Groups: Grouping and justifying buttons.
  • Navigation Components:
  • Bootstrap Pagination and Pager Pagination: Implementing pagination controls.
  • Bootstrap List Groups: Creating list groups for content.

Bootstrap : MODULE 3

  • Tabs and Menus:
  • Bootstrap Tab Menus and Pill Menus: Implementing tabbed navigation.
  • Bootstrap Dynamic Tabs and Pills: Creating dynamic tabs and pills.
  • Bootstrap Dropdown Menus: Creating dropdown menus.
  • Forms and Inputs:
  • Bootstrap Forms: Vertical and Inline: Designing forms using Bootstrap.
  • Bootstrap Inputs: Customizing form inputs.
  • Bootstrap Form Control States: Managing input states (valid, invalid, disabled).
  • Bootstrap Input Sizing: Adjusting the size of form inputs.
  • Bootstrap Dropdown Menus: Creating dropdown menus.

JavaScript : MODULE 1

    Introduction:

    In this module we will learn about what JavaScript is and the benefits of the language. We can also learn how to write the first JavaScript program.

  • JavaScript Introduction
  • First Javascript program
  • Benefits of Javascript

JavaScript : MODULE 2

    Language Syntax:

    In this module we will learn about JavaScript language syntax and how to use the program level. And we can also learn to understand the arrays.

  • Variable declaration
  • Operators
  • Control Statements
  • Error Handling
  • Understanding arrays
  • Function Declaration

JavaScript : MODULE 3

    HTML Forms:

    In this module we will learn about how to use the forms. What are the properties in JavaScript? HTML form validation can be done by JavaScript.

  • HTML Document object Model
  • Working with HTML form and its elements

JavaScript : MODULE 4

    HTML DOM:

    In this module we will learn about how JavaScript can access and change all the elements of an HTML document.

  • HTML Document object Model
  • Working with HTML form and its elements
Outcomes:

After these 15 weeks, you will :

  • Coding in 1 Frontend Framework.
  • Fundamental understanding of Website Structure Complexity.
  • Feel confident in your problem solving skills.

Module 3 - Ajax Laravel/PHP.


Duration: 120 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Introduction to AJAX:

  • Understanding asynchronous communication in web development.
  • Benefits of AJAX for enhancing user experience.

Introduction to AJAX and Basic Requests : MODULE 1

  • Making Asynchronous Requests:
  • Using JavaScript to initiate basic AJAX requests (GET method).
  • Handling simple data retrieval from external sources.
  • Handling AJAX Responses:
  • Processing and displaying JSON data received from external APIs.
  • Basic error handling for AJAX requests.
  • Exploring HTTP Methods:
  • Implementing POST requests for data submission.
  • Understanding and using other HTTP methods (PUT, DELETE) as needed.

Intermediate AJAX Techniques : MODULE 2

  • DOM Manipulation with AJAX:
  • Updating specific parts of a web page dynamically using AJAX responses.
  • Manipulating document elements based on AJAX data updates.
  • Security Considerations:
  • Addressing CORS issues and implementing secure AJAX.
  • Mitigating XSS and CSRF vulnerabilities in AJAX implementations.

AJAX and External APIs Integration : MODULE 3

  • Setting up Laravel Development Environment:
  • Install XAMPP or alternative
  • Setup on Windows/Mac with Composer & Laravel Installer
  • Setting up Local Development on Mac - Installing Valet

Laravel Introduction and Environment Setup : MODULE 1

  • Getting Started with Laravel Artisan
  • Laravel Project Structure and Artisan CLI
  • Routing Basics and Named Routes.

Getting Started with Laravel : MODULE 2

  • Blade Templating Basics
  • Creating Views, Passing Data, and Blade Control Structures
  • Blade Layouts and Partials
  • Blade Template Inheritance and Including Sub-views

Views and Blade Templating : MODULE 3

  • Working with Controllers and Routes
  • Creating Controllers and Resource Controllers
  • Dependency Injection and RESTful Routes
  • Middleware and Authentication Middleware

Controllers and Routing : MODULE 4

  • Database Setup and Eloquent ORM
  • Migrations and Seeding
  • Eloquent Models, Relationships, and Querying
  • Query Builder and Raw SQL Queries

Database Integration and Eloquent ORM : MODULE 5

  • Handling Forms and Requests
  • Form Handling, Validation, and CSRF Protection
  • Uploading Files and File Storage
  • Working with Sessions and Flash Messages
  • Handling Responses and JSON API Responses

Forms, Requests, and Responses : MODULE 6

  • User Authentication and Authorization
  • Setting up Authentication with Laravel Fortify
  • Role-based Access Control and Policies
  • Password Resets, Email Verification, and Middleware
  • API Authentication with Sanctum

Authentication and Authorization : MODULE 7

  • Advanced Eloquent Relationships and Queries
  • Advanced Relationship Types and Query Scopes
  • Optimizing Queries with Eager Loading and Lazy Loading
  • Performance Optimization Techniques

Advanced Eloquent Relationships and Queries

  • Advanced Relationship Types and Query Scopes
  • Optimizing Queries with Eager Loading and Lazy Loading
  • Performance Optimization Techniques

Project Development

  • Travel Itinerary Planner
  • Tech News Blog
Outcomes:

After this module, you will be confident in:

  • Coding in 1 programming language.
  • Fundamental understanding of Website Structure Complexity.
  • Work With Live Project
  • Learn Complete Courses of Web Development
  • You Look Like a Full Stack developer

Understanding HTML Gain foundational knowledge about HTML, including its importance, structure, and how it integrates with CSS and JavaScript.

HTML Document Structure Comprehend the basic structure of an HTML document, including the <!DOCTYPE html> declaration and the role of head and body tags.

CSS Introduction Learn the basics of CSS, including syntax, types of CSS (inline, internal, external), and various selectors.

Bootstrap Forms and Inputs Gain skills to design and customize forms using Bootstrap, including form control states and input sizing.

Responsive Design Gain knowledge of responsive design using media queries, viewport units, and responsive units like em and rem.

JavaScript Introduction Understand the basics of JavaScript, its benefits, and write the first JavaScript program.

Module 4 - Professional Development and Soft Skills


Duration: 2 Weeks
HR Skills

In this module, participants will develop essential human resource skills that are crucial for any professional environment. Topics include:

Communication Skills: Enhancing verbal and non-verbal communication, active listening, and effective articulation of ideas.

Time Management: Strategies for managing time efficiently, prioritising tasks, and avoiding procrastination.

Team Collaboration: Understanding team dynamics, roles, and responsibilities within a team, and strategies for effective teamwork and conflict resolution.

Professional Etiquette: Workplace ethics, appropriate behaviour, and dress code, along with maintaining a positive attitude.


GD (Group Discussion)

Group discussions are a critical aspect of the selection process in many organisations. This module will cover:

Introduction to GD: Understanding the purpose and format of group discussions

Effective Participation: Techniques to contribute effectively in a group, including starting a discussion, presenting viewpoints, and summarising points.

Critical Thinking: Developing the ability to think on your feet, analysing different perspectives, and providing well-rounded arguments.

Body Language and Etiquette: Importance of body language, maintaining eye contact, and active listening during group discussions.


CV & Resume

Creating a compelling CV or resume is essential for job applications. This module will guide participants through:

Difference Between CV and Resume: Understanding the purpose and structure of a CV versus a resume.

Content Structuring: How to organise information effectively, including personal details, educational background, work experience, skills, and achievements.

Customization: Tailoring CVs and resumes for different job applications, highlighting relevant experiences and skills.

Design and Format: Best practices for formatting, use of appropriate fonts, bullet points, and maintaining a clean, professional look.


Mock Interview

Mock interviews prepare participants for real-life job interviews by simulating the interview process. This module will involve:

Interview Preparation: Tips for researching the company, understanding the job role, and preparing for common interview questions.

Role-Playing: Participants will take turns acting as interviewers and interviewees, conducting and participating in mock interviews.

Feedback and Improvement: Constructive feedback will be provided by peers and mentors, highlighting strengths and areas for improvement.

Handling Different Interview Types:Strategies for various interview formats, including behavioural, technical, and situational interviews.


Outcomes:

These modules are designed to provide participants with a comprehensive understanding of essential HR skills, group discussions, CV/resume creation, and interview techniques, preparing them for successful integration into the professional world.

Module 5 - Farewell


Duration: 1 Day

Outcomes:

After this module, you will be confident in:

  • Students will feel appreciated and recognized for their efforts and achievements.
  • The event will serve as a motivational milestone, encouraging students to continue pursuing excellence in their future endeavours.
  • It will foster a sense of community and celebration among the students and faculty.

Module 1 - Basic Session


Duration: 2 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Topics that will be covered -

  • Welcome To the Course
  • What is Flutter?
  • Flutter Uses Dart!
  • One Code Base Multiple Platform
  • Flutter Setup - Overview
  • Windows Setup
  • macOs Setup
  • Project Creation & Setting Up a Code Editor for Flutter Development
  • Running a First Flutter App
  • Understanding Material Design
  • About The Course

Outcomes:

After this module, you will be confident in:

  • Introduction to Flutter and Dart: Learn the basics of Flutter and Dart.
  • Cross-Platform Development: Understand how to use one codebase for multiple platforms.
  • Setup and Configuration: Set up Flutter on Windows and macOS, and configure a code editor.
  • Practical Application: Run your first Flutter app and understand Material Design principles.

Module 2 - Project Development


Duration: 20 Weeks

Flutter & Dart Basics I - Getting a Solid Foundation [ROLL DICE APP]

Topics that will be covered -

  • Module Introduction
  • Analysing A New Flutter Project
  • From Dart To Machine Code
  • How Programming Languages Work
  • Starting From Scratch: Understanding Functions
  • Importing Features From Packages
  • How Flutter Apps Start
  • Understanding Widgets
  • Using a First Widget & Passing Values to Functions
  • Positional & Named Arguments
  • Deep Dive: Position & Named Arguments
  • Combining Multiple Widgets
  • Understanding "const" Values
  • Building More Complex Widget Trees
  • Understanding Value Types
  • Configuring Widgets & Understanding Objects
  • Working with "Configuration Objects" (Non-Widget Objects)
  • Generics, Lists & Adding Gradient Colours
  • How To Configure Widgets & Objects
  • Practice: Styling Text
  • Onwards to Custom Widgets: Why Do You Need Them?
  • Understanding Classes
  • Building Custom Widgets
  • Working with Constructor Functions
  • Splitting Code Across Files
  • Practice: Create a Custom Widget
  • Introducing Variables
  • Variables & Types - Combining Two Key Concepts
  • "final" & "const" - Special Kinds Of "Variables"
  • Instance Variables (Properties) & Configurable Widgets
  • Practice: Reusable Widgets & Constructor Functions
  • Displaying Images & Using Multiple Constructor Functions
  • Adding Buttons & Using Functions As Values
  • Styling Buttons & Working with Padding
  • How NOT To Build Interactive Widgets
  • Introducing Stateful Widgets
  • Generating Random Numbers
  • Module Summary

Flutter & Dart Basics II - Fundamental Deep Dive [QUIZ APP]

  • Module Introduction
  • A Challenge For You!
  • Challenge Solution 1/2 - Creating a Widget
  • Challenge Solution 2/2 - Working with More Widgets
  • Adding Icons to Buttons
  • Adding Transparency to Widgets
  • Repetition & Exercise: Adding a Stateful Widget
  • Rendering Content Conditionally
  • Accepting & Passing Functions as Values
  • The "initState" Method
  • Deep Dive: Flutter's (Stateful) Widget Lifecycle
  • Using Ternary Expressions & Comparison Operators
  • Understanding "if" Statements
  • Using "if" Statements In Lists
  • if Statements & Comparison Operators
  • Adding a Data Model & Dummy Data
  • Configuring a Column
  • Creating a Reusable, Custom Styled Button
  • Accessing List Elements & Object Properties
  • Mapping Lists & Using the Spread Operator
  • Alignment, Margin & Padding
  • Mutating Values in Memory
  • Managing The Questions Index As State
  • More on Button Styling
  • Using Third-Party Packages & Adding Google Fonts
  • Passing Data via Functions Across Widgets
  • More Conditions
  • Getting Started with the Results Screen
  • Passing Data to the Results Screen
  • Introducing Maps & "for" Loops
  • Using "for" Loops In Lists
  • Note: A Typo In The Next Lecture
  • Accessing Map Values & Using "Type Casting"
  • Combining Columns & Rows
  • Expanded To The Rescue!
  • Filtering & Analysing Lists
  • Making Content Scrollable with SingleChildScrollView
  • Beyond the Basics: Optional, Important Dart Features
  • Module Summary

Debugging Flutter Apps

  • Module Introduction
  • The Starting Project & A Problem
  • Understanding Error Messages
  • Debugging Apps & Using "Debug Mode"
  • Working with the Flutter DevTools
  • Running the App on Real iOS or Android Devices

Adding Interactivity, More Widgets & Theming [EXPENSE TRACKER APP]

  • Module Introduction
  • Starting Setup & Repetition Time!
  • Adding an Expense Data Model with a Unique ID & Exploring Initializer Lists
  • Introducing Enums
  • Creating Dummy Data
  • Efficiently Rendering Long Lists with ListView
  • Using Lists Inside Of Lists
  • Creating a Custom List Item with the Card & Spacer Widgets
  • Using Icons & Formatting Dates
  • Setting an AppBar with a Title & Actions
  • Adding a Modal Sheet & Understanding Context
  • User (Text) Input with the TextField Widget
  • Getting User Input on Every Keystroke
  • Letting Flutter do the Work with TextEditingController
  • Time to Practise: Adding a New Input
  • Exercise Solution
  • Closing The Modal Manually
  • howing a Date Picker
  • Working with "Futures" for Handling Data from the Future
  • Adding a Dropdown Button
  • Combining Conditions with AND and OR Operators
  • Validating User Input & Showing an Error Dialog
  • Saving New Expenses
  • Creating a Fullscreen Modal
  • Using the Dismissible Widget for Dismissing List Items
  • Showing & Managing "Snackbars"
  • Flutter & Material 3
  • Getting Started with Theming
  • Setting & Using a Colour Scheme
  • Setting Text Themes
  • Using Theme Data in Widgets
  • Important: Adding Dark Mode
  • Adding Dark Mode
  • Using Another Kind of Loop (for-in)
  • Adding Alternative Constructor Functions & Filtering Lists
  • Adding Chart Widgets
  • Module Summary

Building Responsive & Adaptive User Interfaces [EXPENSE TRACKER APP]

  • Module Introduction
  • What is "Responsiveness"?
  • Locking the Device Orientation
  • Updating the UI based on the Available Space
  • Understanding Size Constraints
  • Handling to Screen Overlays like the Soft Keyboard
  • Understanding "Safe Areas"
  • Using the LayoutBuilder Widget
  • Building Adaptive Widgets
  • Module Summary

Building Responsive & Adaptive User Interfaces [EXPENSE TRACKER APP]

  • Module Introduction
  • What is "Responsiveness"?
  • Locking the Device Orientation
  • Updating the UI based on the Available Space
  • Understanding Size Constraints
  • Handling to Screen Overlays like the Soft Keyboard
  • Understanding "Safe Areas"
  • Using the LayoutBuilder Widget
  • Building Adaptive Widgets
  • Module Summary

Flutter & Dart Internals [TODO APP]

  • Module Introduction
  • Three Trees: Widget Tree, Element Tree & Render Tree
  • How The UI Is Updated
  • Refactor & Extract Widgets To Avoid Unnecessary Builds
  • Understanding Keys - Setup
  • Which Problem Do Keys Solve?
  • Understanding & Using Keys
  • Mutating Values in Memory & Making Sense of var, final & const
  • Module Summary

Building Multi-Screen & Navigating Between Screens [MEALS APP]

  • Module Introduction
  • Project Setup
  • Using a GridView
  • Widgets vs Screens
  • Displaying Category Items on a Screen
  • Making any Widget Tappable with InkWell
  • Adding Meals Data
  • Loading Meals Data Into a Screen
  • Adding Cross-Screen Navigation
  • Passing Data to the Target Screen
  • Introducing the Stack Widget
  • Improving the MealItem Widget
  • Adding Navigation to the MealDetails Screen
  • Improving the MealDetails Screen
  • Adding Tab-based Navigation
  • Passing Functions Through Multiple Layers of Widgets (for State Management)
  • Managing App-wide State & Data
  • Adding a Side Drawer
  • Closing the Drawer Manually
  • Adding a Filter Item
  • Replacing Screens (Instead of Pushing)
  • Adding More Filter Options
  • Replacing WillPopScope with PopScope
  • Returning Data When Leaving a Screen
  • Reading & Using Returned Data
  • Applying Filters
  • An Alternative Navigation Pattern: Using Named Routes
  • Module Summary

Managing App - wide State [MEALS APP]

  • Module Introduction
  • What's The Problem?
  • Installing the Solution: Riverpod
  • How State Management with Riverpod Works
  • Creating a Provider
  • Using a Provider
  • Creating a More Complex Provider with StateNotifier
  • Using the FavoritesProvider
  • Triggering a Notifier Method
  • Getting Started with Another Provider
  • Combining Local & Provider-managed State
  • Outsourcing State Into The Provider
  • Connecting Multiple Providers With Each Other (Dependent Providers)
  • Swapping The "Favorite Button" Based On Provider State
  • Module Summary
  • "riverpod" vs "provider" - There are many Alternatives!

Adding Animation - [MEALS APP]

  • Module Introduction
  • Setup & Understanding Explicit vs Implicit Animations
  • Explicit Animations: Adding an Animation Controller
  • Explicit Animations: Playing the Animation with AnimatedBuilder
  • Fine Tuning Explicit Animations
  • Getting Started with Implicit Animations
  • Configuring Implicit Animations
  • Adding Multi-Screen Transitions
  • Module Summary

Handling User Input & Working with Forms - [SHOPPING LIST APP]

  • Module Introduction
  • Setup & A Challenge For You
  • Challenge Solution 1 - Building & Using Models
  • Challenge Solution 2 - Building the List UI
  • Adding a "New Item" Screen
  • The Form & TextFormField Widgets
  • A Form-aware Dropdown Button
  • Adding Buttons to a Form
  • Adding Validation Logic
  • Getting Form Access via a Global Key
  • Extracting Entered Values
  • Passing Data Between Screens
  • Final Challenge Solution
  • Module Summary

Handling User Input & Working with Forms - [SHOPPING LIST APP]

  • Module Introduction
  • Setup & A Challenge For You
  • Challenge Solution 1 - Building & Using Models
  • Challenge Solution 2 - Building the List UI
  • Adding a "New Item" Screen
  • The Form & TextFormField Widgets
  • A Form-aware Dropdown Button
  • Adding Buttons to a Form
  • Adding Validation Logic
  • Getting Form Access via a Global Key
  • Extracting Entered Values
  • Passing Data Between Screens
  • Final Challenge Solution
  • Module Summary

Connecting a Backend & Sending HTTP Requests [SHOPPING LIST APP]

  • Module Introduction
  • What's a Backend? And Why Would You Want One?
  • What Is HTTP & How Does It Work?
  • Setting Up a Dummy Backend (Firebase)
  • Adding the http Package
  • Sending a POST Request to the Backend
  • Working with the Request & Waiting for the Response
  • Fetching & Transforming Data
  • Avoiding Unnecessary Requests
  • Managing the Loading State
  • Error Response Handling
  • Sending DELETE Requests
  • Handling the "No Data" Case
  • Better Error Handling
  • Module Summary
  • Using the FutureBuilder Widget

Using Native Device Features (e.g. Camera) [FAVOURITE PLACES APP]

  • Module Introduction
  • Setup & A Challenge For You!
  • Adding a Place Model (Challenge Solution 1/6)
  • Adding a "Places" Screen (Challenge Solution 2/6)
  • Adding an "Add Place" Screen (Challenge Solution 3/6)
  • Adding "riverpod" & A Provider (Challenge Solution 4/6)
  • Adding Places with Provider & Displaying Places (Challenge Solution 5/6)
  • Adding a "Place Details" Screen (Challenge Solution 6/6)
  • Adding a "Pick an Image" Input
  • Installing the "Image Picker" Package
  • Using the Device Camera For Taking Pictures
  • Adding the Picked Image to the Model & "Add Place" Form
  • Previewing the Picked Image
  • Important: "location" Package & Android
  • Adding the "location" Package & Starting with the "Get Location" Input Widget
  • Getting the User's Current Location
  • Using the Google Maps API - Setup
  • Using Google's Geocoding API
  • Storing the Location Data in the Model
  • Displaying a Location Preview Map Snapshot via Google
  • Using the Picked Location in the Form
  • Outputting the Location Data
  • Installing & Configuring the Google Maps Package
  • Adding a "Map" Screen
  • Displaying the Picked Place on a Dynamic Map
  • Handling Map Taps for Selecting a Location Manually
  • Using the Map Screen in the "Add Place" Form
  • Installing Packages for Local (On-Device) Data Storage
  • Storing the Picked Image Locally
  • Storing Place Data in a (On-Device) SQL Database
  • Loading Data from the SQL Database
  • Using a FutureBuilder for Loading Data
  • Module Summary
  • Adding Your Own Native Code

Push Notification & More : Building a [CHAT APP WITH FLUTTER & FIREBASE]

  • Module Introduction
  • App & Firebase Setup
  • Adding an Authentication Screen
  • Adding Buttons & Modes to the Authentication Screen
  • Validating User Input
  • Firebase CLI & SDK Setup 1/2
  • FlutterFire Configuration
  • Firebase CLI & SDK Setup 2/2
  • Signing Users Up
  • Logging Users In
  • Showing Different Screens Based On The Authentication State
  • Adding a Splash Screen (Loading Screen)
  • Adding User Logout
  • Image Upload: Setup & First Steps
  • Adding a User Image Picker Widget
  • Using the ImagePicker Package
  • Managing The Selected Image In The Authentication Form
  • Uploading Images To Firebase
  • Showing a Loading Spinner Whilst Uploading
  • Adding a Remote Database: Firestore Setup
  • Sending Data to Firestore
  • Storing a Username
  • Adding ChatMessages & Input Widgets
  • A Note About Reading Data From Firestore
  • Sending & Reading Data To & From Firestore
  • Loading & Displaying Chat Messages as a Stream
  • Styling Chat Message Bubbles
  • Push Notifications - Setup & First Steps
  • Requesting Permissions & Getting an Address Token
  • Testing Push Notifications
  • Working with Notification Topics
  • Sending Push Notifications Automatically via Cloud Functions
  • Module Summary

Next Steps & Roundup

  • Publishing Android Apps
  • Course Roundup

Outcomes:

Understand Flutter Project Structure: Learn the basics of a Flutter project, from setup to code structure.

Master Dart Fundamentals: Gain a solid understanding of Dart programming language, including functions, variables, and data types.

Work with Widgets: Learn about different widgets in Flutter, how to use them, and build complex widget trees.

Create Custom Widgets: Understand the importance of custom widgets, how to build them, and reuse them across your app.

State Management: Get i ntroduced to stateful widgets and learn how to manage state in a Flutter app.

Debugging Skills: Develop skills to debug Flutter apps using error messages, debug mode, and Flutter DevTools.

Adding Interactivity: Learn to add interactive elements like buttons, input

Theming and Styling: Understand how to apply themes, styles, and dark mode to your Flutter app.

Responsive UI Design: Build responsive and adaptive user interfaces that work well on different screen sizes and orientations.

Multi-Screen Navigation: Learn to navigate between multiple screens and pass data across them.

Advanced State Management with Riverpod: Implement complex state management using Riverpod.

Animations: Add explicit and implicit animations to enhance the user experience in your Flutter app.

Form Handling: Work with forms, input validation, and manage form data in Flutter.

Backend Integration: Connect your Flutter app to a backend service, send HTTP requests, and handle responses.

Native Device Features: Utilise native device features like the camera and location services in your Flutter app.

Push Notifications: Implement push notifications and work with Firebase for authentication and real-time data.

App Deployment: Learn the process of publishing your Flutter app to the Google Play Store.

Module 3 - Professional Development and Soft Skills


Duration: 2 Weeks
HR Skills

In this module, participants will develop essential human resource skills that are crucial for any professional environment. Topics include:

Communication Skills: Enhancing verbal and non-verbal communication, active listening, and effective articulation of ideas.

Time Management: Strategies for managing time efficiently, prioritising tasks, and avoiding procrastination.

Team Collaboration: Understanding team dynamics, roles, and responsibilities within a team, and strategies for effective teamwork and conflict resolution.

Professional Etiquette: Workplace ethics, appropriate behaviour, and dress code, along with maintaining a positive attitude.


GD (Group Discussion)

Group discussions are a critical aspect of the selection process in many organisations. This module will cover:

Introduction to GD: Understanding the purpose and format of group discussions

Effective Participation: Techniques to contribute effectively in a group, including starting a discussion, presenting viewpoints, and summarising points.

Critical Thinking: Developing the ability to think on your feet, analysing different perspectives, and providing well-rounded arguments.

Body Language and Etiquette: Importance of body language, maintaining eye contact, and active listening during group discussions.


CV & Resume

Creating a compelling CV or resume is essential for job applications. This module will guide participants through:

Difference Between CV and Resume: Understanding the purpose and structure of a CV versus a resume.

Content Structuring: How to organise information effectively, including personal details, educational background, work experience, skills, and achievements.

Customization: Tailoring CVs and resumes for different job applications, highlighting relevant experiences and skills.

Design and Format: Best practices for formatting, use of appropriate fonts, bullet points, and maintaining a clean, professional look.


Mock Interview

Mock interviews prepare participants for real-life job interviews by simulating the interview process. This module will involve:

Interview Preparation: Tips for researching the company, understanding the job role, and preparing for common interview questions.

Role-Playing: Participants will take turns acting as interviewers and interviewees, conducting and participating in mock interviews.

Feedback and Improvement: Constructive feedback will be provided by peers and mentors, highlighting strengths and areas for improvement.

Handling Different Interview Types:Strategies for various interview formats, including behavioural, technical, and situational interviews.


Outcomes:

These modules are designed to provide participants with a comprehensive understanding of essential HR skills, group discussions, CV/resume creation, and interview techniques, preparing them for successful integration into the professional world.

Module 4 - Professional Project Portfolio URL Creation


Duration: 2 Days

Students will upload their projects to Google Drive and receive a unique URL, which will be valid for one year. This URL can be used in job interviews and will follow the format:

https://www.hindtechlearningpoint.com/course_type/course_name/batch_id/student_id

Topics that will be covered -

  • Each project created by students will be uploaded to their Google Drive.
  • A unique URL will be generated for each project.
  • The URL will be valid for one year.
  • Students can use this URL in their job interviews to showcase their projects.

Outcomes:

This module ensures that students can easily share their work with potential employers, showcasing their skills and projects effectively.

Module 5 - Farewell


Duration: 1 Day

Outcomes:

After this module, you will be confident in:

  • Students will feel appreciated and recognized for their efforts and achievements.
  • The event will serve as a motivational milestone, encouraging students to continue pursuing excellence in their future endeavours.
  • It will foster a sense of community and celebration among the students and faculty.

Module 1 - Html, CSS Complete Courses


Duration: 20 days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Introduction:

  • What is HTML?
  • Definition and importance of HTML
  • Role of HTML in web development
  • Overview of how HTML works with CSS and JavaScript

History Of HTML:

  • Evolution of HTML from HTML 1.0 to HTML5
  • Key milestones and developments in HTML history
  • Impact of HTML advancements on web development

Basic Structures of a Web Page:

  • Fundamental structure of an HTML document
  • Understanding the declaration
  • Introduction to HTML elements and attributes

HTML Head Tags:

  • Purpose and Use of the head Section
  • Common head tags: title, meta, link, style, script, meta viewport=””
  • Using meta tags for SEO and responsive design

HTML Body Tags:

  • Structure and Purpose of the body Section
  • Creating and organising content within the body
  • Basic HTML tags for structuring web pages

HTML Basic Tags:

  • Usage and examples of line breaks with br
  • Creating horizontal rules with hr
  • p, h1 to h6, a, img, ul, ol, li, div, span, strong, em, table, tr, td, th, form, input, button

HTML Link Creation:

  • HTML Anchor Tags
  • Creating hyperlinks with the a tag
  • Understanding href attribute and link destinations
  • Opening links in new tabs or windows with target attribute

HTML Tables:

  • Constructing tables with table, tr, td, and th tags
  • Basic table structure and usage

HTML Nested Tables:

  • Creating tables within tables
  • Managing nested table layouts

HTML Merging Cells:

  • Merging table cells with colspan and rowspan attributes
  • Practical examples of cell merging

HTML Text Wrapping:

  • Wrapping text within table cells
  • Handling overflow and text alignment

HTML Table Background Image:

  • Adding background images to tables or cells
  • Customising table aesthetics with background images

HTML Table Cell Alignment:

  • Aligning text and content within table cells
  • Using align and valign attributes

HTML : MODULE 2

  • HTML Lists:
  • HTML Unordered Lists
  • Creating bulleted lists with ul
  • Using li for list items
  • Styling unordered lists
  • HTML Ordered Lists
  • Creating numbered lists with ol
  • List item customization and attributes
  • Nested lists and their formatting
  • HTML Image Insertion:
  • Inserting Images with the img Tag
  • Understanding src and alt attributes
  • Image dimensions and alignment
  • HTML Embedding Videos:
  • Embedding Videos Using the video Tag
  • Video attributes: controls, autoplay, loop, muted
  • Supporting different video formats
  • HTML Forms:
  • Introduction to Forms
  • Purpose and structure of HTML forms
  • Basic form elements and their roles
  • HTML Form Tags and Attributes
  • Essential form tags: form, input, label, fieldset
  • Understanding form attributes: action, method, name, id
  • HTML Forms - Post vs. Get
  • Differences between POST and GET methods
  • Appropriate use cases for each method
  • HTML Forms - Input Text Fields
  • Creating text input fields with input type="text"
  • Attributes for text fields: placeholder, maxlength, required
  • HTML Forms - Select Menus
  • Creating drop-down lists with select and option tags
  • Handling multi-select menus
  • HTML Forms - Checkboxes and Radio Buttons
  • Using input type="checkbox" and input type="radio"
  • Grouping radio buttons for exclusive selection
  • HTML Forms - Text Areas and Buttons
  • Creating multi-line text input with textarea
  • Adding buttons: button, input type="submit", input type="reset"
  • HTML iframes:
  • Embedding External Content with the iframe Tag
  • Adjusting iframe attributes: src, width, height, frameborder
  • Security and sandboxing considerations

CSS : MODULE 1

  • Introduction:
  • What is CSS?
  • Why use CSS?
  • CSS syntax and structure
  • Types of CSS:
  • Inline CSS
  • Internal/Embedded CSS
  • External CSS
  • CSS Selectors:
  • Element selectors
  • Class selectors
  • ID selectors
  • Attribute selectors
  • Grouping selectors

CSS : MODULE 2

  • CSS Box Model:
  • Understanding the box model (margin, border, padding, content)
  • Box-sizing property
  • Layout Techniques:
  • Block vs. inline elements
  • Display property (block, inline, inline-block, flex, grid)
  • Positioning (static, relative, absolute, fixed)
  • Typography:
  • Fonts and text properties
  • Text alignment
  • Text decoration and transformation
  • Typography:
  • Fonts and text properties
  • Text alignment
  • Text decoration and transformation

CSS : MODULE 3

  • Colors and Backgrounds:
  • Color properties (color, background-color)
  • Using gradients
  • Background images and positioning
  • Responsive Design:
  • Media queries
  • Viewport units (vw, vh)
  • Responsive units (em, rem)
  • CSS Transitions and Animations:
  • Transition properties (transition, transition-property, etc.)
  • Keyframes and animation properties
  • Creating basic animations
Outcomes:

After this module, you will be confident in:

  • Coding in 1 programming language.
  • Fundamental understanding of Data Structure & Time Complexity.

Module 2 - Javascript Complete Courses.


Duration: 18 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

JavaScript : MODULE 1

    Introduction:

    In this module we will learn about what JavaScript is and the benefits of the language. We can also learn how to write the first JavaScript program.

  • JavaScript Introduction
  • First Javascript program
  • Benefits of Javascript

JavaScript : MODULE 2

    Language Syntax:

    In this module we will learn about JavaScript language syntax and how to use the program level. And we can also learn to understand the arrays.

  • Variable declaration
  • Operators
  • Control Statements
  • Error Handling
  • Understanding arrays
  • Function Declaration

JavaScript : MODULE 3

    HTML Forms:

    In this module we will learn about how to use the forms. What are the properties in JavaScript? HTML form validation can be done by JavaScript.

  • HTML Document object Model
  • Working with HTML form and its elements

Outcomes:

After these 15 weeks, you will :

  • Coding in 1 Frontend Framework.
  • Fundamental understanding of Website Structure Complexity.
  • Feel confident in your problem solving skills.

Module 3 - Laravel/PHP.


Duration: 11 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Laravel Introduction and Environment Setup : MODULE 1

  • Getting Started with Laravel Artisan
  • Laravel Project Structure and Artisan CLI
  • Routing Basics and Named Routes.

Getting Started with Laravel : MODULE 2

  • Blade Templating Basics
  • Creating Views, Passing Data, and Blade Control Structures
  • Blade Layouts and Partials
  • Blade Template Inheritance and Including Sub-views

Views and Blade Templating : MODULE 3

  • Working with Controllers and Routes
  • Creating Controllers and Resource Controllers
  • Dependency Injection and RESTful Routes
  • Middleware and Authentication Middleware

Controllers and Routing : MODULE 4

  • Database Setup and Eloquent ORM
  • Migrations and Seeding
  • Eloquent Models, Relationships, and Querying
  • Query Builder and Raw SQL Queries

Database Integration and Eloquent ORM : MODULE 5

  • Handling Forms and Requests
  • Form Handling, Validation, and CSRF Protection
  • Uploading Files and File Storage
  • Working with Sessions and Flash Messages
  • Handling Responses and JSON API Responses

Project Development

  • Travel Itinerary Planner
  • Tech News Blog
Outcomes:

After this module, you will be confident in:

  • Coding in 1 programming language.
  • Fundamental understanding of Website Structure Complexity.
  • Work With Live Project
  • Learn Complete Courses of Web Development
  • You Look Like a Full Stack developer

Understanding HTML Gain foundational knowledge about HTML, including its importance, structure, and how it integrates with CSS and JavaScript.

HTML Document Structure Comprehend the basic structure of an HTML document, including the <!DOCTYPE html> declaration and the role of head and body tags.

CSS Introduction Learn the basics of CSS, including syntax, types of CSS (inline, internal, external), and various selectors.

Bootstrap Forms and Inputs Gain skills to design and customize forms using Bootstrap, including form control states and input sizing.

Responsive Design Gain knowledge of responsive design using media queries, viewport units, and responsive units like em and rem.

JavaScript Introduction Understand the basics of JavaScript, its benefits, and write the first JavaScript program.

Module 4 - Professional Development and Soft Skills


Duration: 2 Weeks
HR Skills

In this module, participants will develop essential human resource skills that are crucial for any professional environment. Topics include:

Communication Skills: Enhancing verbal and non-verbal communication, active listening, and effective articulation of ideas.

Time Management: Strategies for managing time efficiently, prioritising tasks, and avoiding procrastination.

Team Collaboration: Understanding team dynamics, roles, and responsibilities within a team, and strategies for effective teamwork and conflict resolution.

Professional Etiquette: Workplace ethics, appropriate behaviour, and dress code, along with maintaining a positive attitude.


GD (Group Discussion)

Group discussions are a critical aspect of the selection process in many organisations. This module will cover:

Introduction to GD: Understanding the purpose and format of group discussions

Effective Participation: Techniques to contribute effectively in a group, including starting a discussion, presenting viewpoints, and summarising points.

Critical Thinking: Developing the ability to think on your feet, analysing different perspectives, and providing well-rounded arguments.

Body Language and Etiquette: Importance of body language, maintaining eye contact, and active listening during group discussions.


CV & Resume

Creating a compelling CV or resume is essential for job applications. This module will guide participants through:

Difference Between CV and Resume: Understanding the purpose and structure of a CV versus a resume.

Content Structuring: How to organise information effectively, including personal details, educational background, work experience, skills, and achievements.

Customization: Tailoring CVs and resumes for different job applications, highlighting relevant experiences and skills.

Design and Format: Best practices for formatting, use of appropriate fonts, bullet points, and maintaining a clean, professional look.


Mock Interview

Mock interviews prepare participants for real-life job interviews by simulating the interview process. This module will involve:

Interview Preparation: Tips for researching the company, understanding the job role, and preparing for common interview questions.

Role-Playing: Participants will take turns acting as interviewers and interviewees, conducting and participating in mock interviews.

Feedback and Improvement: Constructive feedback will be provided by peers and mentors, highlighting strengths and areas for improvement.

Handling Different Interview Types:Strategies for various interview formats, including behavioural, technical, and situational interviews.


Outcomes:

These modules are designed to provide participants with a comprehensive understanding of essential HR skills, group discussions, CV/resume creation, and interview techniques, preparing them for successful integration into the professional world.

Module 5 - Farewell


Duration: 1 Day

Outcomes:

After this module, you will be confident in:

  • Students will feel appreciated and recognized for their efforts and achievements.
  • The event will serve as a motivational milestone, encouraging students to continue pursuing excellence in their future endeavours.
  • It will foster a sense of community and celebration among the students and faculty.

Module 1 - Basic Session


Duration: 2 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Topics that will be covered -

  • Welcome To the Course
  • What is Flutter?
  • Flutter Uses Dart!
  • One Code Base Multiple Platform
  • Flutter Setup - Overview
  • Windows Setup
  • macOs Setup
  • Project Creation & Setting Up a Code Editor for Flutter Development
  • Running a First Flutter App
  • Understanding Material Design
  • About The Course

Outcomes:

After this module, you will be confident in:

  • Introduction to Flutter and Dart: Learn the basics of Flutter and Dart.
  • Cross-Platform Development: Understand how to use one codebase for multiple platforms.
  • Setup and Configuration: Set up Flutter on Windows and macOS, and configure a code editor.
  • Practical Application: Run your first Flutter app and understand Material Design principles.

Module 2 - Project Development


Duration: 7 Weeks

Flutter & Dart Basics I - Getting a Solid Foundation [ROLL DICE APP]

Topics that will be covered -

  • Module Introduction
  • Analysing A New Flutter Project
  • From Dart To Machine Code
  • How Programming Languages Work
  • Starting From Scratch: Understanding Functions
  • Importing Features From Packages
  • How Flutter Apps Start
  • Understanding Widgets
  • Using a First Widget & Passing Values to Functions
  • Positional & Named Arguments
  • Deep Dive: Position & Named Arguments
  • Combining Multiple Widgets
  • Understanding "const" Values
  • Building More Complex Widget Trees
  • Understanding Value Types
  • Configuring Widgets & Understanding Objects
  • Working with "Configuration Objects" (Non-Widget Objects)
  • Generics, Lists & Adding Gradient Colours
  • How To Configure Widgets & Objects
  • Practice: Styling Text
  • Onwards to Custom Widgets: Why Do You Need Them?
  • Understanding Classes
  • Building Custom Widgets
  • Working with Constructor Functions
  • Splitting Code Across Files
  • Practice: Create a Custom Widget
  • Introducing Variables
  • Variables & Types - Combining Two Key Concepts
  • "final" & "const" - Special Kinds Of "Variables"
  • Instance Variables (Properties) & Configurable Widgets
  • Practice: Reusable Widgets & Constructor Functions
  • Displaying Images & Using Multiple Constructor Functions
  • Adding Buttons & Using Functions As Values
  • Styling Buttons & Working with Padding
  • How NOT To Build Interactive Widgets
  • Introducing Stateful Widgets
  • Generating Random Numbers
  • Module Summary

Flutter & Dart Basics II - Fundamental Deep Dive [QUIZ APP]

  • Module Introduction
  • A Challenge For You!
  • Challenge Solution 1/2 - Creating a Widget
  • Challenge Solution 2/2 - Working with More Widgets
  • Adding Icons to Buttons
  • Adding Transparency to Widgets
  • Repetition & Exercise: Adding a Stateful Widget
  • Rendering Content Conditionally
  • Accepting & Passing Functions as Values
  • The "initState" Method
  • Deep Dive: Flutter's (Stateful) Widget Lifecycle
  • Using Ternary Expressions & Comparison Operators
  • Understanding "if" Statements
  • Using "if" Statements In Lists
  • if Statements & Comparison Operators
  • Adding a Data Model & Dummy Data
  • Configuring a Column
  • Creating a Reusable, Custom Styled Button
  • Accessing List Elements & Object Properties
  • Mapping Lists & Using the Spread Operator
  • Alignment, Margin & Padding
  • Mutating Values in Memory
  • Managing The Questions Index As State
  • More on Button Styling
  • Using Third-Party Packages & Adding Google Fonts
  • Passing Data via Functions Across Widgets
  • More Conditions
  • Getting Started with the Results Screen
  • Passing Data to the Results Screen
  • Introducing Maps & "for" Loops
  • Using "for" Loops In Lists
  • Note: A Typo In The Next Lecture
  • Accessing Map Values & Using "Type Casting"
  • Combining Columns & Rows
  • Expanded To The Rescue!
  • Filtering & Analysing Lists
  • Making Content Scrollable with SingleChildScrollView
  • Beyond the Basics: Optional, Important Dart Features
  • Module Summary

Debugging Flutter Apps

  • Module Introduction
  • The Starting Project & A Problem
  • Understanding Error Messages
  • Debugging Apps & Using "Debug Mode"
  • Working with the Flutter DevTools
  • Running the App on Real iOS or Android Devices

Adding Interactivity, More Widgets & Theming [EXPENSE TRACKER APP]

  • Module Introduction
  • Starting Setup & Repetition Time!
  • Adding an Expense Data Model with a Unique ID & Exploring Initializer Lists
  • Introducing Enums
  • Creating Dummy Data
  • Efficiently Rendering Long Lists with ListView
  • Using Lists Inside Of Lists
  • Creating a Custom List Item with the Card & Spacer Widgets
  • Using Icons & Formatting Dates
  • Setting an AppBar with a Title & Actions
  • Adding a Modal Sheet & Understanding Context
  • User (Text) Input with the TextField Widget
  • Getting User Input on Every Keystroke
  • Letting Flutter do the Work with TextEditingController
  • Time to Practise: Adding a New Input
  • Exercise Solution
  • Closing The Modal Manually
  • howing a Date Picker
  • Working with "Futures" for Handling Data from the Future
  • Adding a Dropdown Button
  • Combining Conditions with AND and OR Operators
  • Validating User Input & Showing an Error Dialog
  • Saving New Expenses
  • Creating a Fullscreen Modal
  • Using the Dismissible Widget for Dismissing List Items
  • Showing & Managing "Snackbars"
  • Flutter & Material 3
  • Getting Started with Theming
  • Setting & Using a Colour Scheme
  • Setting Text Themes
  • Using Theme Data in Widgets
  • Important: Adding Dark Mode
  • Adding Dark Mode
  • Using Another Kind of Loop (for-in)
  • Adding Alternative Constructor Functions & Filtering Lists
  • Adding Chart Widgets
  • Module Summary

Building Responsive & Adaptive User Interfaces [EXPENSE TRACKER APP]

  • Module Introduction
  • What is "Responsiveness"?
  • Locking the Device Orientation
  • Updating the UI based on the Available Space
  • Understanding Size Constraints
  • Handling to Screen Overlays like the Soft Keyboard
  • Understanding "Safe Areas"
  • Using the LayoutBuilder Widget
  • Building Adaptive Widgets
  • Module Summary

Outcomes:

Understand Flutter Project Structure: Learn the basics of a Flutter project, from setup to code structure.

Work with Widgets: Learn about different widgets in Flutter, how to use them, and build complex widget trees.

Create Custom Widgets: Understand the importance of custom widgets, how to build them, and reuse them across your app.

Debugging Skills: Develop skills to debug Flutter apps using error messages, debug mode, and Flutter DevTools.

Theming and Styling: Understand how to apply themes, styles, and dark mode to your Flutter app.

Adding Interactivity:: Learn to add interactive elements like buttons, input fields, and handle user interactions.

Form Handling: Work with forms, input validation, and manage form data in Flutter.

Module 3 - Professional Development and Soft Skills


Duration: 2 Weeks
HR Skills

In this module, participants will develop essential human resource skills that are crucial for any professional environment. Topics include:

Communication Skills: Enhancing verbal and non-verbal communication, active listening, and effective articulation of ideas.

Time Management: Strategies for managing time efficiently, prioritising tasks, and avoiding procrastination.

Team Collaboration: Understanding team dynamics, roles, and responsibilities within a team, and strategies for effective teamwork and conflict resolution.

Professional Etiquette: Workplace ethics, appropriate behaviour, and dress code, along with maintaining a positive attitude.


GD (Group Discussion)

Group discussions are a critical aspect of the selection process in many organisations. This module will cover:

Introduction to GD: Understanding the purpose and format of group discussions

Effective Participation: Techniques to contribute effectively in a group, including starting a discussion, presenting viewpoints, and summarising points.

Critical Thinking: Developing the ability to think on your feet, analysing different perspectives, and providing well-rounded arguments.

Body Language and Etiquette: Importance of body language, maintaining eye contact, and active listening during group discussions.


CV & Resume

Creating a compelling CV or resume is essential for job applications. This module will guide participants through:

Difference Between CV and Resume: Understanding the purpose and structure of a CV versus a resume.

Content Structuring: How to organise information effectively, including personal details, educational background, work experience, skills, and achievements.

Customization: Tailoring CVs and resumes for different job applications, highlighting relevant experiences and skills.

Design and Format: Best practices for formatting, use of appropriate fonts, bullet points, and maintaining a clean, professional look.


Mock Interview

Mock interviews prepare participants for real-life job interviews by simulating the interview process. This module will involve:

Interview Preparation: Tips for researching the company, understanding the job role, and preparing for common interview questions.

Role-Playing: Participants will take turns acting as interviewers and interviewees, conducting and participating in mock interviews.

Feedback and Improvement: Constructive feedback will be provided by peers and mentors, highlighting strengths and areas for improvement.

Handling Different Interview Types:Strategies for various interview formats, including behavioural, technical, and situational interviews.


Outcomes:

These modules are designed to provide participants with a comprehensive understanding of essential HR skills, group discussions, CV/resume creation, and interview techniques, preparing them for successful integration into the professional world.

Module 4 - Farewell


Duration: 1 Day

Outcomes:

After this module, you will be confident in:

  • Students will feel appreciated and recognized for their efforts and achievements.
  • The event will serve as a motivational milestone, encouraging students to continue pursuing excellence in their future endeavours.
  • It will foster a sense of community and celebration among the students and faculty.

Module 1 - Basic Session:


Duration: 5 Days

Figma is a cloud-based design tool focused on UI/UX design, known for its real-time collaboration features, allowing multiple designers to work on the same project simultaneously. It provides powerful vector editing tools, supports interactive prototyping, and facilitates the creation of reusable components and design systems to maintain consistency across projects. As a cross-platform tool, Figma works on any operating system with a modern web browser, making it accessible and convenient for design teams

Topics that will be covered -

  • Introduction To the App Design Course
  • How to Get All The Free Stuff
  • Why design is important for an entrepreneur
  • Designer vs. Non-Designer Thinking

Colour Theory:

  1. Understanding the Mood of Your Colour Palette
  2. How to Combine Colours to Create Colour Palettes
  3. Tools for designing with colour
  4. Tools for designing with colour resources
  5. Further Reading on Designing with Colour

Typography:

  1. Introduction to Typography
  2. The Serif Type Family - Origins and Use
  3. The Sans Serif Type Family - Origins and Use
  4. How Typography Determines Readability
  5. How to Combine Fonts Like a Pro
  6. Further Reading on Typography

User Interface (UI) Design for Mobile:

  1. What is User Interface (UI) Design?
  2. The Tour Guide Approach to UI Design
  3. What is Good Practice in Interaction Design
  4. The Importance of Alignment
  5. Colour in User Interface Design
  6. The Many Ways of Designing Text Overlays
  7. How to Be an Attention Architect
  8. Further Reading on User Interface Design

User Experience (UX) Design for Mobile:

  1. What is User Experience (UX) Design?
  2. Usability
  3. Asking for Permissions
  4. User Profiling
  5. Form vs. Function
  6. Consistency
  7. Simplicity
  8. Don't Make Me Think
  9. Onboarding
  10. Idiot Boxes
  11. Further Reading on User Experience Design

Designing for iOS and Android - What are the Important Differences?

  1. Android vs. iOS Design
  2. Navigation
  3. The Devil is in the Details
  4. Differences in Icon Design
  5. Flat Design vs. Material Design
  6. Differences in Establishing Visual Hierarchy
  7. iOS and Android Design Guidelines

Putting it All Together - A Step-By -Step Guide to the Mobile Design Workflow:

  1. Step 1: Design Patterns and Colour Palettes
  2. Where to find design patterns and colour palettes
  3. Step 2: How to Create a User Flow Diagram
  4. Step 3: How to Create Wireframes
  5. Wire-framing Resources
  6. Step 4: How to Create Professional Mockups
  7. Tools for Creating Mockups
  8. How to use Sketch (41) to Create Mockups
  9. How to Use Canva to Create Mockups
  10. Your Turn to Create Your Own Mockups
  11. Tools and Resources for Creating Mockups
  12. Step 5: How to Create an Animated App Prototype
  13. Tools and Resources for Creating Prototypes
  14. Prototyping with Keynote
  15. Prototyping with Marvel
  16. Your Turn to Create a Prototype
  17. Example Marvel Prototype

Outcomes:

Introduction to Design Fundamentals:Understanding the importance of design for entrepreneurs, differentiating designer vs.non-designer thinking, and mastering colour theory and typography.

Colour Theory Mastery: Learning how to combine colours to create palettes, understanding the mood of colour palettes, and utilising tools and resources for designing with colour.

Typography Insights: Gaining knowledge about serif and sans-serif type families, understanding typography's impact on readability, and learning to combine fonts effectively.

User Interface (UI) Design: Exploring the fundamentals of UI design, best practices in interaction design, alignment importance, colour usage, text overlays, and becoming an attention architect. Learn about different widgets in Flutter, how to use them, and build complex widget trees.

User Experience (UX) Design: Understanding UX design principles, usability, permission requests, user profiling, consistency, simplicity, onboarding processes, and further reading on UX design.

Platform-Specific Design: Identifying key differences between iOS and Android design, including navigation, icon design, flat vs. material design, and establishing visual hierarchy.

Comprehensive Mobile Design Workflow: Following a step-by-step guide from design patterns and colour palettes, creating user flow diagrams and wireframes, to professional mockups and animated app prototypes.

Practical Application: Utilising various tools (Sketch, Canva, Keynote, Marvel) to create mockups and prototypes, with hands-on exercises to apply learned skills and create professional designs.

Module 2 - FIgma & Canva


Duration:20 Days

For Beginners, it is first important to build command over programming constructs. Within this module, our goal is to help you be confident with coding fundamentals.

Figma UI/UX Design Introduction

  • Module Introduction
  • Getting Started with Figma Training
  • What is Figma for & Does it Do the Coding?
  • Difference Between UI and UX in Figma
  • Figma UI/UX Design Essentials
  • Class Project 01 - Create Your Own Brief

Wireframing - Low Fidelity

  • Lo-Fi vs High Fidelity Wireframes in Figma
  • Creating Design Files & Introducing Frames in Figma

Type, Color & Icon Introduction 1

  • The Basics of Type & Fonts in Figma
  • Rectangles, Circles, Buttons, Rounded Corners in Figma
  • How to Use Color in Figma
  • Strokes & Updating Color Defaults in Figma
  • Object Editing & How to Escape in Figma
  • Scale vs Selection Tool in Figma
  • Frames vs Groups in Figma

Type, Color & Icon Introduction 2

  • Class Project 02 - Wireframe
  • Where to Get Free Icons for Figma
  • Matching the Stroke of Icons
  • How to Use Plugins in Figma for Icons
  • Class Project 03 - Icons

Pages

  • The Basics of Type & Fonts in Figma

Prototyping - Level 1

  • How to Prototype in Figma
  • Prototype Animation and Easing in Figma
  • Testing on Your Phone with Figma Mirror
  • Class Project 04 - Testing on Your Phone

Animation - Level 1

  • What is Smart Animation & Delays in Figma
  • Class Project 05 - My First Animation

Commenting - Level 1

  • Sharing & Commenting on Figma Files with Stakeholders
  • Share Editing with Other UX Designers in Figma

Mood Board - High Fidelity

  • Getting Inspiration for UX Projects
  • How to Create a Mood Board in Figma
  • Class Project 06 - Mood Board

Columns

  • Working with Columns & Grid in Figma

Tips & Tricks

  • Tips, Tricks, Preferences, and Weirdness in Figma

Color

  • Color Inspiration & the Eyedropper in Figma
  • Creating a Color Palette in Figma
  • Making Gradients in Figma
  • Creating & Using Color Styles in Figma
  • Class Project 07 - Color & Columns

Texts & Fonts Advanced

  • Fonts on Desktop vs Browser in Figma
  • Fonts to Use & Font Pairing in Figma
  • Common Font Sizes for Web Design
  • Creating Character Styles in Figma
  • Lorem Ipsum & Placeholder Text in Figma
  • Useful Tips About Text in Figma
  • Fixing Missing Fonts in Figma
  • Class Project 08 - Text

Drawing

  • Drawing Tips and Tricks in Figma
  • Squircle Buttons with iOS Rounded Courses in Figma
  • Boolean Union, Subtract, Intersect, Exclude Pathfinder in Figma
  • Difference Between Union vs Flatten in Figma
  • Class Project 09 - Making Stuff
  • Smart Selection & Tidy Up in Figma

Images

  • Tips & Tricks for Using Images in Figma
  • Masking & Cropping Images in Figma
  • Free Images & Plugins for Figma

Autolayout & Constraints

  • Autolayout & Constraints
  • Class Project 10 - Buttons
  • Auto Layout for Spacing
  • Using Constraints in Figma
  • Combining Nested Frames, Auto Layout & Constraints in Figma
  • Adding Text Box Auto Height to Auto Layout in Figma
  • Class Project 11 - Responsive Design
  • Nice Drop Shadow & Inner Drop Shadow Effects in Figma

Effects

  • Blur Layer, Background Blur & Image Blur in Figma
  • Making Neuromorphic UI Buttons in Figma
  • Class Project 12 - Effects

Saving & History

  • How to Save Locally & Save History in Figma

Components & Instances

  • What are Components in Figma
  • Updating, Changing & Resetting Components
  • Managing Main Components in Figma
  • Intro to the Forward Slash Naming Convention in Figma

Variants

  • Creating Variants in Figma

Making Forms

  • How to Make a Form Using Variants in Figma
  • Class Project 15 - Form
  • Putting It All Together in a Desktop Example

Prototyping Level - 2

  • Adding a Popup Overlay Modal in Figma
  • Making & Prototyping a Tooltip in Figma
  • Understanding Flows in Figma
  • Slide-in Mobile Nav Menu Overlay in Figma
  • Class Project 16 - Prototyping
  • Pinning Navigation to Top in Figma
  • Creating Horizontal Scrolling Swipe in Figma
  • Automatic Scroll to Anchor Point in Figma

Teams & Projects Forms

  • Understanding Teams vs Projects vs Files in Figma

Libraries

  • Using Team Libraries in Figma

Animation & Micro Interactions

  • Difference Between Animation & Micro Interactions
  • Animation with Custom Easing in Figma
  • Class Project 17 - My Second Animation
  • How to Make Animated Transitions in Figma
  • Class Project 18 - Page Transition
  • Micro Interactions Using Interactive Components in Figma
  • Micro Interaction Toggle Switch in Figma
  • Micro Interaction Burger Menu Turned into Cross in Figma
  • Class Project 19 - Micro Interaction

Thumbnail Update

  • How to Change the Thumbnail for Figma Files

Exporting

  • How to Export Images Out of Figma
  • How to Share Your Document with Clients & Stakeholders
  • Talking to Your Developer Early in the Figma Design Process

Exporting 2

  • Sharing Figma with Developers & Engineers Handoff
  • What are the Next Level Handoffs (Design Systems)
  • Class Project 20 - Finish Your Design

Round Up

  • What's Next for You and Figma

Exporting Images

  • How to Export Images Out of Figma

Graphic Design in Canva

  • Module Introduction
  • Home Page Navigation
  • Design Tools
  • Adding Elements
  • Customizing Text
  • Designing a Post for Social Media
  • Adding Animation and Video
  • Exporting and Saving Your Design

Outcomes:

After this module, you will be confident in:

  • Understand the purpose and capabilities of Figma.
  • Differentiate between UI and UX in Figma.
  • Start working with Figma through a hands-on project.
  • Master the basics of typography and fonts.
  • Create and edit shapes and buttons.
  • Understand the purpose and capabilities of Canva.
  • Use design tools.
  • Add elements and customize text.
  • Design social media posts.
  • Add animation and video.
  • Integrate third-party tools and resources.
  • Collaborate on projects in real time.
  • Explore Canva’s extensive template library.
  • Customize templates for your needs.
  • Manage version control and design updates.
  • Understand the importance of consistency in design.
  • Understand export settings and formats.

Module 3 - Project Development


Duration: 15 Days

Design your First Mobile UI

  • Mockup Requirements
  • Mockup Files
  • The Wireframe
  • Setting Up Our Frames
  • Images & Overlays
  • Adding Icons
  • Choosing a Colour Scheme
  • Setting Up Colour Styles
  • Tutorial Page
  • Components
  • Button Components
  • Using Pages to Organise
  • Using Variants to Create Component Groups
  • Variants Exercise Solution
  • Exploring Variants Even More
  • Payment Page
  • Constraints
  • Constraints Exercise Solution
  • Plugins
  • Completing Our Map Page

Completing Our Mobile Mockup

  • User Experience Design (UX)
  • Using Templates
  • Using Apple Templates & Fonts
  • Working on Our Main Pages
  • Designing a Tab Bar for Navigation
  • Using Variants for Tab Bars
  • Request Page
  • Store Cards
  • Adding Constraints to the Request Page
  • Profile Page
  • Applying Constraints to the Profile Page
  • Services Page
  • Adding Sample Data from Google Sheets
  • Finding Custom Fonts to Use
  • Creating Text Styles
  • Applying Text Styles Everywhere
  • Finishing Touches

Prototyping

  • Creating Prototypes
  • Adding Connections between Frames
  • Scrolling in Prototypes
  • Testing on a Real Device
  • Using Overlays for Tutorial Cards
  • Opening Links
  • Adding Animations
  • Page Transitions
  • Interactive Maps
  • Playing GIFs
  • Smart Animate
  • Interactive Components
  • Interactive Components Exercise Solutions
  • Creating New Flows

Teams & Sharing

  • Sharing Our Files
  • Working with Teams

Exporting from Figma

  • Creating Exports
  • Code Handoff

Design your First Website UI

  • Project Outline
  • Starting with a Template
  • Login Page
  • Image Masks
  • Dashboard Page
  • Auto-Layout
  • Adding Sample Data
  • Full Web Mockup
  • Version History

Outcomes:

Design Onboarding Screens: Create a series of onboarding screens to introduce new users to the app's features and benefits. Use engaging illustrations and concise text.

Create User Profile Page: Design a user profile page that includes profile pictures, user details, and options to edit information. Use a clean and intuitive layout.

Design Notification System: Develop a notification system design that includes both in-app notifications and push notifications. Ensure they are visually consistent and non-intrusive.

Develop a Settings Page: Create a comprehensive settings page that allows users to adjust their preferences, manage accounts, and configure app settings.

Design a Search Functionality: Create a search bar and results page. Include filters and sorting options to help users find the information they need quickly.

Design a Checkout Page: For e-commerce applications, design a checkout page that is straightforward and user-friendly. Include sections for billing information, shipping details, and payment options.

Cross-Platform Design with Figma: Explore the advantages of Figma’s cloud-based platform, enabling design work on any operating system. Learn how to access and edit projects from different devices and browsers.

Creating Professional Graphics with Canva: Discover how to use Canva’s intuitive interface to create professional-quality graphics. Learn to utilize Canva’s library of templates, images, and fonts to design social media graphics, presentations, and more.

Advanced Canva Techniques: Dive into advanced Canva features such as custom templates, animations, and video editing. Learn to create engaging and dynamic visual content for various purposes.

Mastering Figma’s Interface and Tools: Become proficient with Figma’s interface, vector editing tools, and features. Learn to navigate the workspace, use design and prototyping tools, and utilize keyboard shortcuts to enhance productivity.

Module 4 - Professional Development and Soft Skills


Duration: 2 Weeks
HR Skills

In this module, participants will develop essential human resource skills that are crucial for any professional environment. Topics include:

Communication Skills: Enhancing verbal and non-verbal communication, active listening, and effective articulation of ideas.

Time Management: Strategies for managing time efficiently, prioritising tasks, and avoiding procrastination.

Team Collaboration: Understanding team dynamics, roles, and responsibilities within a team, and strategies for effective teamwork and conflict resolution.

Professional Etiquette: Workplace ethics, appropriate behaviour, and dress code, along with maintaining a positive attitude.


GD (Group Discussion)

Group discussions are a critical aspect of the selection process in many organisations. This module will cover:

Introduction to GD: Understanding the purpose and format of group discussions

Effective Participation: Techniques to contribute effectively in a group, including starting a discussion, presenting viewpoints, and summarising points.

Critical Thinking: Developing the ability to think on your feet, analysing different perspectives, and providing well-rounded arguments.

Body Language and Etiquette: Importance of body language, maintaining eye contact, and active listening during group discussions.


CV & Resume

Creating a compelling CV or resume is essential for job applications. This module will guide participants through:

Difference Between CV and Resume: Understanding the purpose and structure of a CV versus a resume.

Content Structuring: How to organise information effectively, including personal details, educational background, work experience, skills, and achievements.

Customization: Tailoring CVs and resumes for different job applications, highlighting relevant experiences and skills.

Design and Format: Best practices for formatting, use of appropriate fonts, bullet points, and maintaining a clean, professional look.


Mock Interview

Mock interviews prepare participants for real-life job interviews by simulating the interview process. This module will involve:

Interview Preparation: Tips for researching the company, understanding the job role, and preparing for common interview questions.

Role-Playing: Participants will take turns acting as interviewers and interviewees, conducting and participating in mock interviews.

Feedback and Improvement: Constructive feedback will be provided by peers and mentors, highlighting strengths and areas for improvement.

Handling Different Interview Types:Strategies for various interview formats, including behavioural, technical, and situational interviews.


Outcomes:

These modules are designed to provide participants with a comprehensive understanding of essential HR skills, group discussions, CV/resume creation, and interview techniques, preparing them for successful integration into the professional world.

Module 5 - Farewell


Duration: 1 Day

Outcomes:

After this module, you will be confident in:

  • Students will feel appreciated and recognized for their efforts and achievements.
  • The event will serve as a motivational milestone, encouraging students to continue pursuing excellence in their future endeavours.
  • It will foster a sense of community and celebration among the students and faculty.
2024 Batch Students
student 1
student 2
student 3
student 4
HindTech Learning Point: 3-Step Recruitment Approach

Profile Building

  • Resume Creation
  • LinkedIn Profile Optimization
  • Profile creation on other platforms

Mock Interviews

  • Understanding your weak points
  • Have Problem solving interviews
  • On-demand company-specific interviews

Right Opportunities

  • Our students have extensive hiring opportunities in tech companies.
  • Get exclusive job listings and hiring opportunities from various companies.
  • We refer students to renowned product companies, helping them land dream jobs.
interview
Hindtech Experience by Alumni