Resources

Week 1

• docker.com

• Docker installation documentation

• Docker Hub

• Microsoft official Docker images

• Best practices for writing Dockerfiles

• All Docker commands

• Docker commands cheat-sheet

• Birth of WWW

• HTML tags

• HTML special characters

• W3schools-HTML

• Learn Emmet In 15 Minutes

• Emmet cheat-sheet

• HTML Color Names

Week 2

• csszengarden

• Awesome Icons Reference

• CSS cheat-sheet

• CSS cheat-sheet 2

Week 3

• CSS Combinators

• Pseudo-classes

• Pseudo-classes vs. pseudo-elements

• CSS selector examples

• Media Query

• CSS Grid

• CSS Flexbox

Week 4

• Visual Studio Code Extensions for Web Development

• The TypeScript Handbook

• TypeScript: Online PlayGround

  • https://typescriptlang.org/play

  • https://replit.com/languages/typescript

Week 5

• Web APIs

• Window APIs

• HTML DOM Events

• Java|Type scripte Array Operations

• Higher-order Functions

Week 6

• Type Aliases vs. Interfaces

• Midterm Exam

  • Guide

  • Exercises

  • script async vs defer attributes

Week 7

• Sass

  • CSS Preprocessors: Sass | less | stylus

  • Sass Online Playground

  • Sass Basics

• HTTPS

• vuejs.org

• vuemastery

• Online Playground

• vuejs-devtools

• 1-way Binding

Week 8

• 2-way Binding

  • v-model: Input text

  • v-model: color and Date

  • v-model: Radio buttons & Dropdown List

    • with data array

  • v-model: Checkbox

    • with data array

• Event Handing

  • Event reference

  • Event Handling: Button Click and Mouse Activity

  • Event Modifiers

  • Passing Arguments to Event Handler

• Template Refs

  • demo 1

  • demo 2

• Vue3 Components

  • Defining and Passing “Argument”

  • Timer update speed vs. Timer update speed with default value

  • Stylish Timers

  • Lifecycle Functions

• Computed Properties

• Slots

• London Fog

  • Demo

  • Code

Week 10

• Promises

• Pinia State

  • Two-way Binding

  • v-for

• Pinia Actions

  • Two-way Binding

  • De-structure

• Pinia Getters

  • Getters

• Pinia

  • Subscribe to actions

  • Subscribe to the state

  • Patch

  • Shopping Cart Example

  • Refresh-proof your Pinia Stores

  • Online Doc

    • State

    • Getters

    • Actions

Week 11

• Vue Router

  • Offical Website

  • Weather App

    • Demo

    • Code

  • Random User App

    • Demo

    • Code

• Vueify

  • Offical Website

  • Online PlayGround

  • Material Colors

  • Components

  • npm trend: bootstrap-vue vs element-ui vs vuetify

  • Material Design Icons

Week 12

• Bottom sheet

• Buttons

• Cards

• Dialogs

• v-data-table

Week 13

• Firebase Console

• Firestore offical Documentation

• await vs. .then()

• Firebase CRUD Operations and Listener

• Firebase Authentication

Week 14

• Microsoft recently reported a supply chain compromise affecting Axios versions 1.14.1 and 0.30.4. If you are using Axios in personal projects, please review the information below and be mindful of package versions and dependency security. Here is the link: https://www.microsoft.com/en-us/security/blog/2026/04/01/mitigating-the-axios-npm-supply-chain-compromise/

• Random Users Web Service

  • Documentation

  • Service Endpoint: https://randomuser.me/api

• Random Quotes

  • Documentation

  • Service Endpoint: https://api.quotables.io

• A gazillion more Web Services

• Cloud Functions for Firebase