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