Skip to content

Jamil226/Web-Development-Bootcamp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub

HTML5 CSS3 SASS Bootstrap Google Chrome JavaScript jQuery PHP MySQL Visual Studio Code Laravel Safari Postman Github Pages Microsoft Learn GitHub Actions Google Drive Figma Web App Development License

Web Application Development Course

In this repository, you can find the following course modules:

HTML5 (Lab 01)

  • HTML5 Structure
  • HTML5 Semantic Elements
  • Favicons
  • Text Formatting
  • Links & Images
  • Lists
  • Tables
  • Forms with Validations & Attributes
  • Custom Data Types for Input Fields
  • iFrames
  • Audio & Video Elements
  • HTML5 Meta Elements

CSS3 (Lab 02, 03, 04)

  • CSS Syntax and Selectors
  • Box Model
  • Units and Values
  • Colors
  • Typography
  • Backgrounds
  • Borders
  • Margins and Padding
  • Display
  • Positioning
  • Flexbox
  • Grid
  • Pseudo-classes and Pseudo-elements
  • Transitions
  • Animations
  • Transformations
  • Media Queries
  • Responsive Design
  • Variables (Custom Properties)
  • Z-Index and Stacking Context
  • Filters
  • Combinators
  • Shadows (Box and Text)
  • Text Effects
  • Lists
  • Tables
  • Flexbox vs Grid (Comparison)
  • Custom Fonts (Web Fonts)
  • Object-fit and Object-position
  • Writing Modes
  • Multi-column Layout
  • Scroll Snap
  • Gradients (Linear, Radial)
  • Transitions vs Animations

Sass: Syntactically Awesome Style Sheets (Lab 05)

  • Variables
  • Nesting
  • Partials and @import
  • Mixins
  • Extend/Inheritance
  • Interpolation (#{})
  • Functions
  • Operators and Math
  • Control Directives: @for, @each, @while, @if
  • Maps
  • Lists
  • Color Manipulation Functions

Bootstrap 5 from Scratch (Lab 06)

  • Grid System - Containers, Rows, Columns, Breakpoints
  • Typography - Headings, Paragraphs, Text Utilities
  • Components
    • Buttons
    • Breadcrumbs
    • Collapse
    • Forms
    • Floating Labels
    • Checkbox and Radio Buttons
    • Images
    • Jumbotrons (For BS3 Users)
    • Cards
    • Models
    • Navbars
    • Modals
    • Alerts
    • Badges
    • Progress Bars
    • Tables
  • Utilities
    • Spacing (Margin, Padding)
    • Colors
    • Borders
    • Shadows
    • Visibility
  • Flexbox and Alignment Utilities
  • Responsive Design - Media Queries, Responsive Classes
  • Icons - Integration with Bootstrap Icons
  • Customizing Bootstrap
    • Variables
    • Sass
    • Themes

JS Basics (Lab 07)

  • DOM Manipulation
  • JS Linkage with HTML5
  • JS Fundamentals
    • Variables
    • Data Types
    • Objects
    • String Methods
    • Functions
    • Loops

JS Advanced (Lab 08)

  • JS Form Validation
  • JS Functions usage using BS5 JS Files

React JS (Lab 09)

  • JSX

  • Components

    • Functional Components
    • Class Components (basic understanding)
    • Component Composition
    • Rendering Components -** Props (Properties)**
    • Passing props to components
    • Default Props
    • Props vs State
  • State Management

    • useState Hook
    • Updating state
    • State in multiple components
  • Handling Events

    • Event binding
    • Synthetic events in React
    • Handling user input
  • Conditional Rendering

    • Using if, else, ternary operators
    • Short-circuit rendering with &&
  • Rendering Lists

    • map() function
    • Keys and their importance
    • Dynamic list rendering
  • Forms in React

    • Controlled vs Uncontrolled components
    • onChange handlers
    • Submitting forms

PHP Fundamentals (Lab 10)

  • PHP Basics

    • echo & print()
    • include() & require()
    • Variables
    • Constants
    • Comments
    • Basic Arithematic
    • Functions
    • Regex
    • Conditional Statements
    • Loops
    • Arrays
    • Numbers
    • JSON
  • PHP Advanced

    • Dynamic Header/Footer
    • Session Management
    • Database Connections Strings
    • HTTP Methods
    • Encryption

Laravel Front-end (Lab 11)

  • Laravel Fundamentals
  • Complete Laravel Fronts-end

Laravel Backend (Lab 12)

  • Laravel Backend Complete

Laravel PWA (Lab 13)

  • Laravel Complete Web App

Laravel PWA (Lab 14)

  • Laravel Web App Deployment on cPanel

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Licenses

FOSS - Free and Open Source Licenses

MIT - Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so.

About

Web Application Development Bootcamp

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors