syafiqhadzir/personal-milestone

Personal learning progression.

{
  "Syafiq Hadzir": {
    "Profile": [
      {
        "about": "As both a linguist and a programmer, codes are my poetries.",
        "pronouns": "Beliau/Baginda",
        "location": "KUL, MY",
        "workplace": {
          "company": "Cloud Connect Sdn Bhd",
          "position": "QA Engineer"
        },
        "competencies": {
          "languages": ["JavaScript", "C#", "Python", "PHP", "C/C++"],
            "technologies":{
              "flavours" : {
                "javascript": ["TypeScript", "CoffeeScript"],
                "css": ["PostCSS", "Sass", "Stylus", "Less"]
              },
              "frameworks": {
                "csharp": {
                    "backend": [".NET"],
                    "testing": ["MSUnit", "NUnit", "Moq"]
                },
                "css": {
                    "frontend": ["Bootstrap", "Tailwind"],
                    "testing": ["BackstopJS", "Quixote", "CSSCritic"]
                },
                "php": {
                    "backend": ["Laravel"],
                    "testing": ["PHPUnit"]
                },
                "javascript": {
                  "frontend": ["React", "Vue", "Nuxt", "Gatsby"],
                  "backend": ["Next", "Express", "Node"],
                  "testing": ["Cypress", "Puppeteer", "Playwright", "Mocha", "Jest"]
                }
              },
            "databases": ["MySql", "PostgreSQL", "MongoDB"]
          }
        }
      }
    ]
  }
}

personal-milestone's Issues

Wireshark Complete Course

The Complete Wireshark Course Beginner To Advanced (Complete Course)

Link: https://www.youtube.com/watch?v=zOYohNOnWp4

Milestones

• Introduction to Wireshark
• Basic Networking Terms & Concepts
• OSI Model
• Wireshark Installation & Setup
• Wireshark Interface
• Wireshark Interface (Pt. 2)
• IP & Port Filters
• Protocol Filters
• HTTP Packet Analysis
• Extracting Credentials
• Wireshark & Linux Firewall Interaction
• Demonstration Detecting Unauthorized Traffic
• Introduction to Wireshark CLI
• First Usage of Wireshark CLI
• T Shark File Output
• T Shark Timer Limits
• T Shark Splitting Output Files
• Display & Capture Filters Differences
• Field Separation in T Shark
• Network card modes
• How To Enable Monitor Mode
• How To Enable Monitor Mode (Pt. 2)
• Capture Remote Traffic
• Decrypting Wireless Traffic
• T Shark Output Formatting (CSV)
• T Shark Output Formatting (Packet)
• Wireshark and Nmap
• Wireshark and Nmap (Pt. 2)
• SSH Tunneling to Wireshark
• SSH Tunneling to Wireshark (Pt. 2)
• SSH Tunneling to Wireshark (Pt. 3)
• SSH Tunneling to Wireshark (Pt. 4)

Flutter Tutorial

Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)

Link: https://www.youtube.com/watch?v=pTJJsmejUOQ

Repository: https://gitlab.com/SyafiqHadzir/kotlin-tutorial/-/tree/main/tutorials/flutter-tutorial-beginners

Milestones

• Introduction
• Layout in Flutter
• Images
• Text
• Models
• Navigation and Lists

PHP Tutorial

PHP - Programming Language | Tutorial

Playlist: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpNJvT-JKogcCySuSznPpXEp

Milestones

• Overview
• Setup
• Printing
• Variables & Data Types
• Casting
• Strings
• Numbers
• GET
• POST
• Lists
• 2d Lists
• List Functions
• Associative Arrays
• Functions
• If Statements
• Switch Statements
• While Loops
• For Loops
• Exception Catching
• Classes & Objects
• Constructors
• Getters & Setters
• Inheritance
• Abstract Classes
• Interface Inheritance

Cypress Crash Course

Learn Full E2E Testing Using Cypress | 2020 Update

Link: https://www.youtube.com/watch?v=OIAzwr-_jhY

Repository: https://gitlab.com/SyafiqHadzir/qa-notes

Milestones

• Intro
• How Cypress Work
• Course Outcome & Pre-reqs
• Installing Node
• Installing Cypress
• Exploring Cypress Runner
• Hello World
• Headless Hello World
• Folder Structure
• cy.contains
• cy.get
• cy.should
• cy.viewport
• Verifying Login Page Looks Good
• Verifying Page URLs
• cy.login
• Typing With Cypress
• Logging In With Cypress
• beforeEach
• Set localStorage
• Real Project: Codedamn Playground Testing
• Checking For Element Existence
• Command Level Timeout
• Testing New File
• Rename File Test
• Outro

Svelte Tutorial for Beginners

Svelte Tutorial for Beginners

Playlist: https://www.youtube.com/playlist?list=PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO

Milestones

• Introduction
• Setting Up Svelte App
• Svelte Basics
• User Input & Data Binding
• Reactive Values
• Loops
• Inline Event Handlers
• Conditionals
• Components
• CSS & Conditional Styles
• Props
• Event Forwarding
• Event Modifiers
• Slots
• Forms (Part 1)
• Forms (Part 2)
• Dispatching Custom Events
• Starting the Polls Project
• Header & Footer Components
• Reusable Tabs Component
• Poll Form Component
• Custom Button Component
• Custom Form Validation
• Adding New Polls
• Poll Details Component
• Card Component
• Casting Votes
• Vote Bars
• Introduction to Stores
• Lifecycle Hooks
• Updating Store Data
• Deleting Polls
• Transition Basics
• Tweens & Animations
• Wrap Up

Gatsby Tutorial for Beginners

Gatsby Tutorial for Beginners

Gatsby - Static Site Generator Tutorial

Link: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpMXuwazIt4mWtTuqOHdjRlk

Milestones

• Introduction
• Mac & Windows Installation
• Creating a New Site
• Adding Content
• Linking Pages
• Interactive Pages
• Building Your Site
• Components
• Plugins
• Layouts
• Site Data
• File Data
• Working with Markdown

JavaScript Tutorial

JavaScript - Programming Language (Tutorial)

Playlist: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpPQbcrA-SzALJeFm23tPrAI

Repository: https://gitlab.com/SyafiqHadzir/javascript-tutorial/-/tree/main/tutorials/javascript-language-tutorial

Milestones

• Introduction
• Choosing a Text Editor
• Setup & Hello World
• Using External Files
• Writing HTML in JavaScript
• Variables & Data Types
• Working With Strings
• Math & Numbers
• Getting User Input
• A Basic Calculator
• Arrays
• Functions
• Accessing HTML Elements
• Event Listeners
• Building a Messaging App
• If Statements
• If Statements w/ comparisons
• Switch Statements
• Objects
• Real World Objects
• While Loops
• Building a Password Checker
• For Loops
• Building a Multiple Choice Quiz
• Nested Loops & 2D Arrays
• For Each Loops
• Timing
• Web Storage

Tailwind CSS Tutorial

Tailwind CSS: From Zero to Production

Playlist: https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0

Milestones

• Course Intro
• Setting Up Tailwind CSS
• The Utility-First Workflow
• Responsive Design
• Hover, Focus and Other States
• Composing Utilities with @apply
• Extracting Reusable Components
• Customizing Your Design System
• Optimizing for Production

Cybersecurity Complete Course

Tutorial: Reverse Engineering, Debugging and Malware Analysis - 2021 (Udemy)

Link: https://www.udemy.com/course/reverse-engineering-debugging-and-malware-analysis-2021/

Milestones

• Reverse Engineering Fundamentals
  • Reverse Engineering Fundamentals
  • Reverse Engineering Tools
  • Analysis Types and Reporting
• Operating System Components
  • Filesystem
  • Non-Volatile Memory
  • The Windows Registry
  • Volatile Memory
  • Operating System Components
• Malware Behavior
  • Analysis Tools
  • Malware Identification
  • Persistence
  • Malware Persistence
• Malware and Memory Analysis
  • Volatility Cridex
  • Volatility R2D2
  • Cridex Malware Analysis
• Debugging
  • Low Level (Assembly) Debugging With Immunity Debugger
• Software Exploitation
  • Software Exploitation Intro and Stack Frames in Memory
  • Low-Level View and Managing Stacks
  • Stack Reliability and GCC Example
  • Methods Exploitation
  • Stack Guards Bypass
  • Stack Guards Bypass - Part 2
  • Evil Server
  • Test

LaTex Tutorial for Beginners

LaTex Tutorial for Beginners

Learn LaTex - Full Course for Beginners (Tutorial)

Repository: https://gitlab.com/SyafiqHadzir/technical-theories/-/tree/main/tutorials/latex-tutorial-beginners

Link: https://www.youtube.com/watch?v=rfscVS0vtbw

Milestones

• Introduction
• Basic Text Manipulation
• Basic Math Manipulation
• Tables and Arrays
• Calculus Notation
• Miscellaneous Notation
• Working with Numbers
• Basic Customization
• LaTeX Environments
• TikZ (Part 1)
• TikZ (Part 2)
• TikZ (Part 3)
• Beamer

CSS Complete Course

Zero to Hero (Complete Course)

Link: https://www.youtube.com/watch?v=1Rs2ND1ryYc

Milestones

• Course Achievements & Results
• Introduction to Course
• Downloading Necessary Software
• Where to Find Project Files
• What is CSS?
• Creating & Linking a CSS Stylesheet
• How to Test a Stylesheet
• What is a Selector?
• Classes & ID's in HTML
• Specificity & When to use Selectors
• Pseudoselectors
• Advanced Selectors
• Attribute Selectors
• What are Properties?
• The CSS General Rule
• Types of Colors
• Coloring Text
• Background Colors
• Images/URL's in CSS
• Other Background Properties
• Opacity/Transparency
• Gradients
• Introduction to Types of Units
• Text Manipulation
• Font Size, Bolding & Style
• Font Families
• Including External Fonts w/ Google Fonts
• Using External Fonts
• The CSS Box Model
• Changing Content Size
• CSS Borders
• Margin & Padding
• Float & Display Types
• What is Flexbox?
• Creating a Flex Container
• Flex Direction & Wrap
• Content Alignment
• Flex Item Order
• Shrink, Grow, & Basis
• The 'flex' Property
• Item Alignment
• Grid vs Flexbox
• Creating a Grid
• Template Columns & Rows
• Justify & Align Grid
• Row & Column Gaps
• Column & Row Lines
• Grid Area
• The Transition Property
• Transformation Functions
• Creating Animations w/ Keyframes
• Adding an Animation
• Animation Properties
• Website Transformation Challenge
• Website Transformation - SOLUTION
• What to Learn Next

Protractor Beginner Tutorial

Protractor Beginner Tutorial

Protractor is an end-to-end test framework for Angular and AngularJS applications.

Link: https://www.youtube.com/playlist?list=PLhW3qG5bs-L_dgIr3hiOlnNIO8NGlXQnP

Milestones

• What is Protractor
• Why We Need Protractor?
• How Protractor Works?
• How to setup Protractor on Windows
• How to setup Protractor on Mac
• Creating Protractor Framework on Visual Studio Code from Scratch
• How to create First Test Case in Protractor
• Protractor How to find Element Locators
• POM in Protractor
• How to take Screenshots in Protractor
• How to create Allure HTML Reports in Protractor
• How to create HTML Reports with Screenshots on Failure
• How to upload Project on Git (Version Control)
• How to run Protractor Tests from Jenkins
• Jenkins Integration
• How to generate Allure Reports in Jenkins

TypeScript Tutorial

TypeScript for React (Learn TypeScript, 2020)

Link: https://www.youtube.com/watch?v=NjN00cM18Z4

Milestones

• What is TypeScript?
• Your First TypeScript Program
• Declaring Variables
• Types
• Type Assertions
• Arrow Functions
• Interfaces
• Classes
• Objects
• Constructors
• Access Modifiers
• Access Modifiers in Constructor Parameters
• Properties
• Modules

Flask Tutorial

Flask Tutorial

Learn how to build a full-feature Flask application for scratch.

Playlist: https://www.youtube.com/playlist?list=PL-osiE80TeTs4UjLw5MM6OjgkjFeUxCYH

Milestones

• Getting Started
• Templates
• Forms and User Input
• Database with Flask-SQLAlchemy
• Package Structure
• User Authentication
• User Account and Profile Picture
• Create, Update and Delete Posts
• Pagination
• Email & Password Reset
• Blueprints and Configuration
• Custom Error Pages
• Deploy to a Linux Server
• How to use a Custom Domain Name for Our Application
• How to enable HTTPS with a Free SSL/TLS Certificate using Let's Encrypt

Nuxt JS Crash Course

Nuxt JS Crash Course

Link: https://www.youtube.com/watch?v=ltzlhAxJr74

Milestones

• Choose between an Universal App & a Single Page
• Insert into a Page
• Create an Index dot View
• Use a v4 Directive
• Make a Dynamic Title
• Add a Little Search Box
• Add an Event Handler

JavaScript For Testers

JavaScript for Testers

Playlist link: https://www.youtube.com/watch?v=k4GFqgBR2qc

Repository: https://gitlab.com/SyafiqHadzir/javascript-tutorial/-/tree/main/tutorials/js-for-testers

Milestones

• What is JavaScript
• Setting Up the Development Environment
• JavaScript in Browsers
• Separation of Concerns
• JavaScript in Node
• Variables
• Constants
• Primitive Types
• Dynamic Typing
• Objects
• Arrays
• Functions
• Types of Functions

Introduction to Algorithms

Cormen, T. H. et al. Introduction to Algorithms. 2015. (3rd Edition)

Reading list: https://blog.syafiqhadzir.dev/Readings

Milestones

• Foundations
  • The Role of Algorithms in Computing
  • Getting Started
  • Growth of Functions
  • Divide-and-Conquer
  • Probabilistic Analysis and Randomized Algorithms
• Sorting and Order Statistics
  • Heapsort
  • Quicksort
  • Sorting in Linear Time
  • Medians and Order Statistics
• Data Structures
  • Elementary Data Structures
  • Hash Tables
  • Binary Search Trees
  • Red-Black Trees
  • Augmenting Data Structures
• Advanced Design and Analysis Techniques
  • Dynamic Programming
  • Greedy Algorithms
  • Amortized Analysis
• Advanced Data Structures
  • B-Trees
  • Fibonacci Heaps
  • van Emde Boas Trees
  • Data Structures for Disjoint Sets
• Graph Algorithms
  • Elementary Graph Algorithms
  • Minimum Spanning Trees
  • Single-Source Shortest Paths
  • All-Pairs Shortest Paths
  • Maximum Flow
• Selected Topics
  • Multithread Algorithms
  • Matrix Operations
  • Linear Programming
  • Polynomials and the FFT
  • Number-Theoretic Algorithms
  • String Matching
  • Computational Geometry
  • NP-Completeness
  • Approximation Algorithms
• Mathematical Background
  • Summations
  • Sets, Etc.
  • Counting and Probability
  • Matrices

PHP 8 Tutorial

Learn PHP The Right Way: Full PHP Tutorial For Beginner & Advanced

Playlist link: https://www.youtube.com/watch?v=sVbEyFZKgqk&list=PLr3d3QYzkw2xabQRUpcZ_IBk9W50M9pe-

Milestones

• Introduction
• Installation
• Basic Syntax
• Constants & Variables
• Data Types
• Boolean Data Type
• Integer Data Type
• Float Data Type
• String Data Type
• Null Data Type
• Array Data Type
• Expressions
• Operators (Part 1)
• Operators (Part 2)
• Operator Precedence & Associativity
• Control Structures
• Loops
• Switch Statement
• Match Expression
• Return, Declare & Tickable Statements
• How To Include Files
• How To Create Functions
• Fuction Parameters
• Variable Scopes
• Variable, Anonymous, Callable, Closure & Arrow Functions
• Dates & Time Zones
• Arrays
• Configuration File
• Error Handling & Error Handlers
• Basic Apache Webserver Configuration & Virtual Hosts
• Working With File System
• Mini Exercise Project Overview
• Building Small Part Of The App With Procedural
• OOP Tutorial Section 2
• Docker Tutorial
• Classes & Objects
• Constructor Property Promotion
• Namespace Tutorial
• Coding Standards, Autoloading (PSR-4) & Composer
• Object Oriented
• Static Properties & Methods
• Encapsulation & Abstraction
• Inheritance Explained
• Abstract Classes & Methods
• Interfaces & Polymorphism
• Magic Methods
• Late Static Binding
• Traits
• Anonymous Classes
• Variable Storage & Object Comparison
• DocBlock
• Object Cloning & Clone Magic Method
• Serialize Objects & Serialize Magic Methods
• OOP Error Handling
• DateTime Object
• Iterators & Iterable Types
• Superglobals
• Get & Post Superglobals
• Sessions & Cookies
• File Uploads
• MVC Pattern
• HTTP Headers
• Introduction to MySQL
• PDO (Part 1)
• PDO (Part 2)
• PDO (Part 3)
• Exercise
• Introduction to Testing
• PHP Unit Testing (Part 1)
• PHP Unit Testing (Part 2)
• Dependency Injection & DI Containers
• Dependency Injection Container

Sass Tutorial for Beginners

Sass Tutorial for Beginners - CSS With Superpowers

Playlist: https://www.youtube.com/watch?v=_a5j7KoflTs

Repository: https://gitlab.com/SyafiqHadzir/css-tutorial/-/tree/main/tutorials/sass-tutorial-beginner

Milestones

• Intro
• What Is Sass?
• Requirements
• Install/Setup Live Sass Compiler VS Code Extension
• Folder Structure / Sass Syntax
• Variables
• Maps
• Nesting
• Partials
• Functions
• Mixin Example 1
• Mixin Example 2
• Mixin Example 3
• Extend
• Math Operations
• How to Learn More (Documentation)
• Real-World Example from Scratch (Portfolio Site)
• index.html
• Font Awesome Setup
• main.scss / _config.scss
• _home.scss
• Transition Ease Mixin
• Text Color Function
• _menu.scss
• main.js
• Menu cont.
• about.html
• _about.scss
• projects.html
• _projects.scss
• contact.html
• _contact.scss
• _responsive.scss
• Deploy on GitHub Pages

Git Tutorial for Beginners

Git Tutorial for Beginners: Learn Git in 1 Hour

Link: https://www.youtube.com/watch?v=8JJ101D3knE

Repository: https://gitlab.com/SyafiqHadzir/devops-notes

Milestones

• Introduction
• What is Git?
• Using Git
• Installing Git
• Configuring Git
• Getting Help
• Cheat Sheet
• Taking Snapshots
• Initializing a Repository
• Git Workflow
• Staging Files
• Committing Changes
• Committing Best Practices
• Skipping the Staging Area
• Removing Files
• Renaming or Moving Files
• Ignoring Files
• Short Status
• Viewing the Staged and Unstaged Changes
• Visual Diff Tools
• Viewing the History
• Viewing a Commit
• Unstaging Files
• Discarding Local Changes
• Restoring a File to an Earlier Version

C# Unit Testing Tutorial for Beginners

C# Unit Testing Tutorial for Beginners

Unit Testing C# Code - Tutorial for Beginners.

Link: https://www.youtube.com/watch?v=HYrXogLj7vg

Milestones

• What is Automated Testing
• Benefits of Automated Testing
• Types of Tests
• Test Pyramid
• The Tooling
• Source Code
• Writing Your First Unit Test
• Testing All the Execution Paths
• Refactoring With Confidence
• Using NUnit in Visual Studio
• What is Test-Driven Development
• Course Structure
• Summary

HCIA (Datacom) v1.0

This series will cover all the 22 theory topics and 16 Lab exercises of HCIA(Datacom) Version 1.0.

Playlist: https://www.youtube.com/playlist?list=PLX188erVIbOjPGLdzbE6Lo55vm4kSLCEF

Milestone

• Data Communication Network Basis
• Network Reference Model
• Huawei VRP
• Network Layer Protocols and IP Addressing
• IP Routing Basics
• eNSP and Wireshark Basics
• Lab: IPv4 Addressing and Routing
• OSPF Basics
• OSPF Routing
• Ethernet Switching Basics
• VLAN Basics and Configuration
• Ethernet Basics and VLAN Configuration
• STP Principles and Configuration
• Lab: Spanning Tree Configuration
• Inter-VLAN Communication
• Lab: Inter-VLAN Communication
• Topic Eth Trunk iStack and CSS
• Lab: Ethernet Link Aggregation
• ACL Principles and Configuration
• ACL Configuration
• AAA Principles and Configuration
• Lab: Local AAA Configuration
• Network Address Translation
• Lab: NAT Configuration
• Network Services and Applications
• Lab: FTP Configuration
• Lab: DHCP Configuration
• WLAN Overview
• Lab: Creating a WLAN
• WAN Technologies
• Network Management and OM
• IPv6 Basics
• Lab: Creating an IPv6 Network
• Introduction to SDN and NFV
• Network Programmability and Automation

Pug Tutorial for Beginners

Pug Template Engine - Full Tutorial for Beginners

Playlist: https://www.youtube.com/watch?v=kt3cEjjkCZA

• Getting Started | HTML + NodeJS
• The Basics (Doctypes + HTML Tags)
• IDs and Classes
• Attributes (and Advanced Attribute Features)
• Using CSS (Stylesheets)
• For/Each Loop - Iterate over Arrays and Objects
• Conditionals
• Case Statement
• Includes Statement
• Mixins

Python Clock Tutorials

Python Digital Clock & Analog Clock

Link: https://www.youtube.com/watch?v=cd4bApAhEIM

Milestones

• Analog Clock
• Digital Clock

Flutter Tutorial for Beginners

Playlist: https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ

• Intro & Setup
• Flutter Overview
• Dart Primer
• Creating a Flutter App in Android Studio
• Scaffold & AppBar Widgets
• Colours & Fonts
• Stateless Widgets & Hot Reload
• Images & Assets
• Buttons & Icons
• Containers & Padding
• Rows
• Columns
• Flutter Outline & Shortcuts
• Expanded Widgets
• Ninja ID Project
• Stateful Widgets
• Lists of Data
• Custom Classes
• Cards
• Extracting Widgets
• Functions as Parameters
• Starting the World Time App
• Maps & Routing
• Widget Lifecycle
• Asynchronous Code
• Flutter Packages (http)
• World Time API
• WorldTime Custom Class
• Error Handling
• Passing Route Data
• Formatting & Showing Dates
• Loaders / Spinners

LESS Tutorial

Less - Supercharge Your CSS (Tutorial)

Playlist: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpNmzIb3XQi5QSFiEpK-UxUg

Repository: https://gitlab.com/SyafiqHadzir/css-tutorial/-/tree/main/tutorials/less-supercharge-tutorial

Milestones

• Introduction
• Installation
• First Less File
• Variables
• Mixins
• Conditionals & Mixin Guards
• Nesting & Scope
• Operators
• Functions
• Imports

Sass Tutorial

Sass & Scss - Supercharge Your CSS (Tutorial)

Playlist: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpOMcA70cU3gZZAXeCR9CNS9

Repository: https://gitlab.com/SyafiqHadzir/css-tutorial/-/tree/main/tutorials/sass-supercharge-tutorial

Milestones

• Introduction
• Installation (Pt. 1)
• Installation (Pt. 2)
• Sass vs Scss
• Pre-Processing
• Variables
• Nesting
• Partials & Imports
• Mixins
• Extend & Inheritance
• Operators
• If Statements

Gatsby JS Crash Course

Gatsby JS Crash Course

Link: https://youtu.be/6YhqQ2ZW1sc

Repository:

Milestones

• Intro
• What is Gatsby
• Installing Gatsby
• Gatsby Package
• Running the Server
• Site Title
• Pages
• Blog
• Markdown
• Creating a second post
• Installing plugins
• Configuring plugins
• GraphQL
• Creating a Template
• Creating Pages
• Redux
• Post Template
• Promise
• Post
• Deploy

Jest Tutorial

Jest Tutorial

Testing with Jest: From Zero to Hero.

Link: https://www.youtube.com/watch?v=NHMIn723hQY

Milestones

• Introduction
• Setup
• Test Example no. 1
• Mocking
• Test Example no. 2
• Data Matching

Mocking using Moq in .NET Tutorial

Mocking using Moq in .NET Tutorial

Getting started with Mocking using Moq in .NET (Core, Framework, Standard)

Link: https://www.youtube.com/watch?v=9ZvDBSQa_so

Milestones

• Create a Test Project
• Assert Clause
• Unit Test Coverage

Understanding TCP/IP: A Clear and Comprehensive Guide to TCP/IP Protocols

Dostálek, L. & Kabelová, A. Understanding TCP/IP: A Clear and Comprehensive Guide to TCP/IP Protocols. 2006.

Reading list: https://blog.syafiqhadzir.dev/Readings

Milestones

• Introduction to Network Protocols
  • ISO OSI
  • TCP/IP
  • Methods of Information Transmission
  • Virtual Circuit
• Network Monitoring Tools
  • Packet Drivers
  • MS Network Monitor
  • Ethereal
  • Homework
• Physical Layer
  • Serial Line
  • Modems
  • Digital Circuits
  • LAN
• Link Layer
  • Serial Line Internet Protocol
  • Compressed SLIP
  • High-Level Data Link Control Protocol
  • Point-to-Point Protocol
  • Frame Relay
  • Local Area Networks
  • Wireless Local Area Network
  • Fixed Wireless Access
• Internet Protocol
  • IP Datagram
  • Internet Control Message Protocol
  • Fragmentation
  • Optional Entries in the IP Header
  • ARP and RARP Protocols
  • Internet Group Management Protocol
  • Multicast and Link Protocol
• IP Address
  • Network: First Period of History
  • Network: Second Period of History
  • IP Addresses in the Intranet and Special-Use IP Addresses
  • Unnumbered Interface
  • Address Plan
  • Over 254 Interfaces in a LAN
• Routing
  • Forwarding and Screening
  • Routing
  • Handling Routing Tables
  • Routing Protocols
  • Neutral Exchange Point
• IP Version 6
  • Next Headers of IP Version 6 Datagram
  • ICMP Version 6 Protocol
  • IP Addresses
  • Windows 2003
• Transmission Control Protocol
  • TCP Segments
  • TCP Header Options
  • Establishing and Terminating a Connection with TCP
  • Determining the Connection State
  • Response Delay Techhniques
  • Window Technique
  • Network Congestion
• User Datagram Protocol
  • Fragmentation
  • Broadcasts and Multicasts
• Domain Name System
  • Domains and Subdomains
  • Name Syntax
  • Reverse Domains
  • Resource Records
  • DNS Protocol
  • DNS Query
• Telnet
  • The NVT Protocol
  • Telnet Protocol Commands
  • Example of Windows NT Client Communication
  • Example of UNIX Client Communication
• File Transfer Protocol
  • Architecture
  • Active Mode of FTP Protocol Communication
  • Passive Mode of FTP Protocol Communication
  • FTP Commands
  • Proxy
  • Return Codes
  • Abnormal Terminations of Data Transfer
  • Anonymous FTP
• Hypertext Transfer Protocol
  • Client-Server
  • Proxy
  • Gateway
  • Tunnel
  • More Intermediate Nodes
  • Uniform Resource Identifier
  • Relative URI
  • The HTTP Request
  • The HTTP Response
  • Other Header Fields
  • Cookie
• Email
  • Email Architecture
  • Mail Message Format
  • MIME
  • SMTP
  • ESMTP
  • POP3
  • IMAP4
  • Mailing Lists
• Forums
  • Message Format
  • NNTP Protocol
• Lightweight Directory Access Protocol
  • Protocol Principle
  • Data Model of LDAP Directory
  • LDAP Protocol Data Units
  • Server Programs
  • Client Programs
  • Lightweight Directory Interchange Format

Django Tutorial for Beginners

Learn Django for a career in back-end development.

Link: https://www.youtube.com/watch?v=rHux0gMZ3Eg

Milestones

• Introduction
• Prerequisites
• How to Take this Course
• Getting Started with Django
• What is Django?
• How the Web Works
• Setting Up the Development Environment
• Creating Your First Django Project
• Using the Integrated Terminal in VSCode
• Creating Your First App
• Writing Views
• Mapping URLs to Views
• Using Templates
• Debugging Django Applications in VSCode
• Using Django Debug Toolbar
• Building a Data Model
• Introduction to Date Modeling
• Building an E-Commerce Data Model
• Organizing Models in Apps

Coffee Script Tutorial

Coffee script tutorials

Playlist: https://www.youtube.com/playlist?list=PL399DF0B74063889F

Milestones

• How to install Coffee Script
• Writing and Compiling Your First Coffee Script
• How to write Functions in Coffee Script
• Operators and Aliases
• How to use Conditional Statements in Coffee Script
• The Existential Operator in Coffee Script
• Arrays and Objects in Coffee Script
• Using String Interpolation Block Strings and Block Comments
• For Loops and List Comprehension
• Splats
• Array Slicing and Splicing with Ranges
• Switch Statements

Learning JavaScript Design Patterns

Osmani, A. Learning JavaScript Design Patterns. 2012.

Reading list: https://blog.syafiqhadzir.dev/Readings

Milestones

• Introduction
• What Is a Pattern?
  • We Already Use Patterns Every Day
• "Pattern"-ity Testing, Proto-Patterns, and the Rule of Three
• The Structure of a Design Pattern
• Writing Design Patterns
• Anti-Patterns
• Categories of Design Patterns
  • Creational Design Patterns
  • Structural Design Patterns
  • Behavioral Design Patterns
• Design Pattern Categorization
  • A Brief Note on Classes
• JavaScript Design Patterns
  • The Constructor Pattern
    • Object Creation
    • Basic Constructors
    • Constructors with Prototypes
  • The Module Pattern
    • Object Literals
    • The Module Pattern
    • Module Pattern Variations
  • The Revealing Module Pattern
    • Advantages
    • Disadvantages
  • The Singleton Pattern
  • The Observer Pattern
    • Differences Between the Observer and Publish/Subscribe Pattern
    • Advantages
    • Disadvantages
    • Publish/Subscribe Implementations

LAMP with VueJS

Complete Web Development Course: HTML, Vue.js, PHP, MySQL.

Link: https://www.youtube.com/watch?v=ExKYjqgswJg

Repository: https://gitlab.com/SyafiqHadzir/lamp-with-vuejs

Milestones

• Introduction
• Vue.js Basics (Part 1)
  • How to use Vue (CDN)
  • Creating a Vue App
  • Data & Templates
  • Click Events
  • Conditional Rendering
• Vue.js Basics (Part 2)
  • Other Mouse Events
  • Attribute Binding
  • Dynamic Classes
  • Challenge: Toggling Favs
  • Computed Properties
• The Vue CLI & Bigger Projects (Part 1)
  • Why use the Vue CLI?
  • Using the Vue CLI
  • New Project Walkthrough
  • Vue Files & Templates
  • Template $refs
  • Multiple Components
• The Vue CLI & Bigger Projects (Part 2)
  • Scoped & Global CSS
  • Props
  • Emitting Custom Events
  • Click Event Modifiers
  • Slots
  • Challenge: Creating Another Modal
  • Using Teleport
• Build a Reaction Timer Game
  • Project Preview & Setup
  • Starting a New Game
  • Lifecycle Hooks
  • Creating a Timer
  • Custom Events with Data
  • Challenge: Showing a Results Component
  • Finishing Touches
• Forms & Inputs
• The Vue Router
  • Why use the Vue Router?
  • Vue Router Setup
  • Router Links
  • Folder Structure
  • Route Parameters
  • Dynamic Links
  • Redirects & 404's
  • Programmatic Navigation
• Fetching Data
  • Using JSON Server
  • Fetching Data from Components
  • Conditionally Showing Data
• The Composition API (Part 1)
  • Drawbacks of the Options API
  • Composition API Basics
  • Template $refs
  • Using $refs for Reactivity
  • Refs vs Reactive
  • Computed Values
  • watch & watchEffect
• The Composition API (Part 2)
  • Using Props in Setup
  • Lifecycle Hooks in Setup
  • Fetching Data in Setup
  • Reusable Composable Functions
• Next Steps

The Web Application Hacker's Handbook (2nd Ed.)

Stuttard, D. & Pinto, M. The Web Application Hacker's Handbook: Finding and Exploiting Security Flaws. 2011.

Reading list: https://blog.syafiqhadzir.dev/Readings

Milestones

• Web Application (In)security
  • The Evolution of Web Applications
  • Web Application Security
  • Summary
• Core Defense Mechanisms
  • Handling User Access
  • Handling User Input
  • Handling Attackers
  • Managing the Application
  • Summary
  • Questions
• Web Application Technologies
  • The HTTP Protocol
  • Web Functionality
  • Encoding Schemes
  • Next Steps
  • Questions
• Mapping the Application
  • Enumerating Content and Functionality
  • Analyzing the Application
  • Summary
  • Questions
• Bypassing Client-Side Controls
  • Transmitting Data via the Client
  • Capturing User Data: HTML Forms
  • Capturing User Data: Browser Extensions
  • Handling Client-Side Data Securely
  • Summary
  • Questions
• Attacking Authentication
  • Authentication Technologies
  • Design Flaws in Authentication
  • Implementation Flaws in Authentication
  • Securing Authentication
  • Summary
  • Questions
• Attacking Session Management
  • The Need for State
  • Weaknesses in Token Generation
  • Weaknesses in Session Token Handling
  • Securing Session Management
  • Summary
  • Questions
• Attacking Access Controls
  • Common Vulnerabilities
  • Attacking Access Controls
  • Securing Access Controls
  • Summary
  • Questions
• Attacking Data Stores
  • Injecting into Interpreted Contexts
  • Injecting into SQL
  • Injecting into NoSQL
  • Injecting into XPath
  • Injecting into LDAP
  • Summary
  • Questions
• Attacking Back-End Components
  • Injecting OS Commands
  • Manipulating File Paths
  • Injecting into XML
  • Injecting into Back-end HTTP Requests
  • Injecting into Mail Services
  • Summary
  • Questions
• Attacking Application Logic
  • The Nature of Logic Flaws
  • Real-World Logic Flaws
  • Avoiding Logic Flaws
  • Summary
  • Questions
• Attacking Users: Cross-Site Scripting
  • Varieties of XSS
  • XSS Attacks in Action
  • Finding and Exploiting XSS Vulnerabilities
  • Preventing XSS Attacks
  • Summary
  • Questions
• Attacking Users: Other Techniques
  • Inducing User Actions
  • Capturing Data Cross-Domain
  • The Same-Origin Policy Revisited
  • Other Client-Side Injection Attacks
  • Local Privacy Attacks
  • Attacking ActiveX Controls
  • Attacking the Browser
  • Summary
  • Questions
• Automating Customized Attacks
  • Uses for Customized Automation
  • Enumerating Valid Identifiers
  • Harvesting Useful Data
  • Fuzzing for Common Vulnerabilities
  • Putting It All Together: Burp Intruder
  • Barriers to Automation
  • Summary
  • Questions
• Exploiting Information Disclosure
  • Exploiting Error Messages
  • Gathering Published Information
  • Using Inference
  • Preventing Information Leakage
  • Summary
  • Questions
• Attacking Native Compiled Applications
  • Buffer Overflow Vulnerabilities
  • Integer Vulnerabilities
  • Format String Vulnerabilities
  • Summary
  • Questions
• Attacking Application Architecture
  • Tiered Architectures
  • Shared Hosting and Application Service Providers
  • Summary
  • Questions
• Attacking the Application Server
  • Vulnerable Server Configuration
  • Vulnerable Server Software
  • Web Application Firewalls
  • Summary
  • Questions
• Finding Vulnerabilities in Source Code
  • Approaches to Code Review
  • Signatures of Common Vulnerabilities
  • The Java Platform
  • ASP.NET
  • PHP
  • Perl
  • JavaScript
  • Database Code Components
  • Tools for Code Browsing
  • Summary
  • Questions
• A Web Application Hacker's Toolkit
  • Web Browsers
  • Integrated Testing Suites
  • Standalone Vulnerability Scanners
  • Other Tools
  • Summary
• A Web Application Hacker's Methodology
  • Map the Application's Content
  • Analyze the Application
  • Test Client-Side Controls
  • Test the Authentication Mechanism
  • Test the Session Management Mechanism
  • Test Access Controls
  • Test for Input-Based Vulnerabilities
  • Test for Function-Specific Input Vulnerabilities
  • Test for Logic Flaws
  • Test for Shared Hosting Vulnerabilities
  • Test for Application Server Vulnerabilities
  • Miscellaneous Checks
  • Follow Up Any Information Leakage

Stylus Tutorial

Stylus Tutorial

Stylus Tutorial for Beginners

Playlist Link: https://www.youtube.com/playlist?list=PLLnpHn493BHFWQGA1PcyQZWAfR96a4CkH

Milestones

• Introduction
• Installing Stylus
• Variables in Stylus
• Mixins in Stylus
• Importing and Globbing Stylus Files
• Using Built-In Functions
• Writing Custom Functions
• Using Interpolation
• Conditional Statements in Stylus
• Using Stylus Extensions
• Nib CSS3 Extensions for Stylus
• Easy Breakpoints with Rupture
• Fast Typography with Typographic
• Compiling Stylus with Gulp
• Using Packages with Gulp & Stylus

Python Tutorial

Learn Python - Full Course for Beginners (Tutorial)

Link: https://www.youtube.com/watch?v=rfscVS0vtbw

Repository: https://gitlab.com/SyafiqHadzir/python-tutorial

Milestones

• Introduction
• Installing Python & PyCharm
• Setup & Hello World
• Drawing a Shape
• Variables & Data Types
• Working with Strings
• Working with Numbers
• Getting Input from Users
• Building a Basic Calculator
• Mad Libs Game
• Lists
• List Functions
• Tuples
• Functions
• Return Statement
• If Statements
• If Statements & Comparisons
• Building a Better Calculator
• Dictionaries
• While Loop
• Building a Guessing Game
• For Loops
• Exponent Function
• 2D Lists & Nested Loops
• Building a Translator
• Comments
• Try / Except
• Reading Files
• Writing to Files
• Modules & Pip
• Classes & Objects
• Building a Multiple Choice Quiz
• Object Functions
• Inheritance
• Python Interpreter

Dart Tutorial

Dart Programming in 4 hours | Full beginners tutorial

Link: https://www.youtube.com/watch?v=5xlVP04905w

Repository: https://gitlab.com/SyafiqHadzir/kotlin-tutorial/-/tree/main/tutorials/dart-tutorial-beginners

Milestones

• Introduction
• Environment overview
• What is programming?
• Print Statements
• Program execution flow
• Variables
• Data Types
• String Basics
• Numbers - ints & doubles
• Booleans
• Getting user input
• Building a basic calculator
• Building a madibs game
• Lists
• Functions
• Parameters & Arguments
• Return Statements
• Building a prompt function
• If Statements
• And & Or operators
• Else If
• Building a smarter calculator
• Switch Statements
• While Loops
• Building a guessing game
• For Loops
• Comments
• Classes & Objects
• Constructors
• Class Methods
• Final Project - Building a math quiz
• Outro & next steps

C# Tutorial

C# - Programming Language (Tutorial)

Playlist: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpNIBTYHNDrhfE9C-imUXCmk

Repository: https://gitlab.com/SyafiqHadzir/c-sharp-tutorial/

Milestones

• Introduction
• Installation & Setup
• Drawing a Shape
• Variables
• Data Types
• Working With Strings
• Working With Numbers
• Getting User Input
• Building a Calculator
• Building a Mad Lib
• Arrays (Pt. 1)
• Methods
• Return Statement
• If Statement (Pt. 1)
• If Statement (Pt. 2)
• Building a Better Calculator
• Switch Statements
• While Loops
• Building a Guessing Game
• For Loops
• Building an Exponent Method
• Arrays (Pt. 2)
• Comments
• Exception Handling
• Classes & Objects
• Constructors
• Object Methods
• Getters & Setters
• Static Class Attributes
• Static Methods & Classes
• Inheritance

JavaScript Crash Course For Beginners

JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour

Link: https://www.youtube.com/watch?v=W6NZfCO5SIk

Repository: https://gitlab.com/SyafiqHadzir/javascript-tutorial/-/tree/main/tutorials/javascript-tutorial-beginners

Milestones

• What is JavaScript
• Setting Up the Development Environment
• JavaScript in Browsers
• Separation of Concerns
• JavaScript in Node
• Variables
• Constants
• Primitive Types
• Dynamic Typing
• Objects
• Arrays
• Functions
• Types of Functions

CSS Basic Tutorial

CSS - Style Your Website (Tutorial)

Playlist: https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpNO7ScZFr-WTmtcBY3AN1M7

Repository: https://gitlab.com/SyafiqHadzir/css-tutorial/-/tree/main/tutorials/css-style-your-website

Milestones

• Introduction
• Basic Inline Styling
• Colors
• Margins & Padding
• Display & Floats
• Position - Static, Relative, Absolute, Fixed
• Shadows, Opacity & Border Radius
• Text & Fonts
• Style Tags
• External Style Sheets
• IDs & Classes
• CSS Selectors
• Flexbox
• Animations
• Imports
• Browser Support
• CSS Frameworks

Flutter Project Tutorial

Mobile app onboarding, Login, Signup page with Flutter.

Link: https://www.youtube.com/watch?v=ExKYjqgswJg

Repository: https://gitlab.com/SyafiqHadzir/flutter-tutorial/

Milestones

• Intro
• Project Setup
• Welcome Screen
• Login Screen
• Signup screen

Kubernetes Tutorial for Beginners

Kubernetes Tutorial for Beginners

Full kubernetes tutorial (hands-on course with a lot of demos).

Link: https://www.youtube.com/watch?v=X48VuDVv0do

Milestones

• Course Overview
• What is K8s
• Main K8s Components
• K8s Architecture
• Minikube and kubectl (Local Setup)
• Main Kubectl Commands (K8s CLI)
• K8s YAML Configuration File
• Demo Project: MongoDB and MongoExpress
• Organizing your components with K8s Namespaces
• K8s Ingress explained
• Helm (Package Manager)
• Persisting Data in K8s with Volumes
• Deploying Stateful Apps with StatefulSet
• K8s Services explained

Unit Testing with Mocha and Chai

Unit testing with Mocha and Chai

Link (1): https://www.youtube.com/watch?v=k4GFqgBR2qc

Link (2): https://www.youtube.com/watch?v=gD4Sg3OuMiA

Repository: https://gitlab.com/SyafiqHadzir/qa-notes/-/tree/main/mocha-tutorials/unit-testing-mocha-chai

Milestones

Part 1

• Introduction
• Installing dependencies
• Setting Up
• Writing First Unit Test
• Chai
• Useful Unit Tests
• Exercise
• Using nyc

Part 2

• Introduction
• Installing Dependencies
• Setting Up Test File
• Writing a Unit Test
• The Done Callback
• Unit Tests Not Integration Tests
• Using Sinon and Stubs
• Testing The Get User Repository Method
• BeforeEach and AfterEach Functions and Sinon Sandbox
• Testing for Promise Rejections
• Wrap-Up

Git & GitHub Tutorial for Beginners

Git & GitHub Tutorial for Beginners

Git & GitHub Tutorial for Beginners

Playlist link: https://www.youtube.com/playlist?list=PL4cUxeGkcC9goXbgTDQ0n_4TBzOO0ocPR

Milestones

• Why Use Git?
• Installing Git
• How Git Works
• Creating a Repository
• Staging Files
• Making Commits
• Undoing Things
• Branches
• Merging Branches (& Conflicts)
• Introduction to GitHub
• Collaborating on GitHub
• Forking (& Contributing)

NodeJS Web Scraping

Tutorial: Learn Web Scraping with NodeJs in 2021 (Udemy)

Link: https://www.udemy.com/course/nodejs-web-scraping/

Milestones

• Introduction
  • Introduction
  • Tools & Project Setup
  • Writing a Simple IMDB Scraper
• More Info & Concepts
  • Why & When to Choose Scraping
  • The Biggest "Problem" with Scraping
  • Running with Terminal / CMD & Basics on VSCode Debugger
  • The Request Library / Method
  • The Browser Automation Method
• IMDB Simple Scraper (Request Method)
  • 1. How to Spoof / Add Custom Request Headers
  • 2. Deal with GZIP Compression Enabled Websites
  • 3. Selectors & More Parsing
  • 4. Multiple Movies & Saving JSON to File
  • 5. Exporting Data to CSV
  • 6. Easiest Method of Getting The Proper Selectors
  • 7. Dowloading Images Locally
  • 8. Promisifying Callback Based Functions
• Request Method
  • Using a Proxy Server
  • Status Codes & Error Handling
  • Manual Login with CSRF Protection & Cookie Parsing
• Instagram User Simple Scraper (Request Method)
  • 1. Introduction and Inspecting The Structures
  • 2. Building The Scraper
  • 3. Parsing Latest Posts of an IG User
• The Puppeteer Method
  • 1. Installation, Introduction and Testing
  • 2. Writing a Simple Automated Task
  • 3. Generating PDF's, Emulating Phone Views, Getting Title & URL of Pages
  • 4. Using Puppeteer To Login on Instagram
  • 5. Making Websites Load Much Faster with a Simple Trick
  • 6. HTTP Basic Authentication
  • 7. Ignoring HTTPS / SSL Errors & Changing the ViewPort
  • 8. Learning How To Use Proxies
  • 9. Exposing and Working with Custom Functions in Puppeteer
• Twitter Scraper with Puppeteer
  • 1. How To Login on Twitter
  • 2. Refactoring Code and Improving It
  • 3. How To Post Tweets with Puppeteer
  • 4. Scraping Twitter Users Details
  • 5. Scraping More Users Details
  • 6. Scraping User Tweets
  • 7. Scraping More Tweet Details (Likes, Replies ... etc.)
  • 8. Handling The Infinite Loader of The Tweets
• Amazon Scraper with Puppeteer
  • 1. Creating The Module Structure
  • 2. Parsing Product Details
  • 3. More Details and Tricks on The Product Details Page of Amazon
• The NightmareJs Method
  • 1. Installation, Introduction and Testing
  • 2. Talking and Testing More About NightmareJs
  • 3. Scraping Ycombinator News with Vanilla Javascript
  • 4. Scraping Ycombinator News - More Details
  • 5. Scraping Ycombinator News - Modulate & Pagination
  • 6. Handling Downloads
  • 7. Injecting Custom Javascript
• The End
  • Congratulations!

GatsbyJS Tutorials

GatsbyJS Tutorials

Playlist: https://www.youtube.com/playlist?list=PLLnpHn493BHHfoINKLELxDch3uJlSapxg

Milestones

• Getting Started with Gatsby
• Gatsby Files Overview
• Adding Plugins & Using Sass
• Building a Blog with Markdown
• Building a Blog with Markdown (Pt. 2)
• Testing Queries with GraphQL
• Building an Index Page
• Building Your Static Site
• Filters & Sorting with GraphQL

Docker Tutorial for Beginners

Docker Tutorial for Beginners

Learn Docker for a career in software or DevOps engineering.

Link: https://www.youtube.com/watch?v=pTFZFxd4hOI

Milestones

• Introduction
• Prerequisites
• How to Take This Course
• Getting Started with Docker
• What is Docker?
• Virtual Machines vs Containers
• Docker Architecture
• Installing Docker
• Development Workflow
• Docker in Action
• The Linux Command Line
• Linux Distributions
• Running Linux
• Managing Packages
• Linux File System
• Navigating the File System
• Manipulating Files and Directories
• Editing and Viewing Files
• Redirection

PostCSS Tutorial

PostCSS Tutorials

Playlist: https://www.youtube.com/playlist?list=PLLnpHn493BHFvjZzyYrQP0RTsG-Al7j9m

Milestones

• PostCSS Tutorials
• What is PostCSS?
• Using PostCSS with Gulp
• Using PostCSS with Sass in Gulp
• Using PostCSS with Stylus in Gulp
• Never Prefix Again with Autoprefixer
• Using Tomorrow's CSS Syntax Today
• Sass-like Syntax without Sass
• Lost, A Next Level Grid System
• A Basic Lost Grid
• Asymmetrical Grids with Lost
• Easy Responsive Grids with Lost
• Vertical Grids with Lost
• Extremely Helpful Lost Grid Properties
• Waffle & Flexbox Grids in Lost
• Offset and Move with Lost
• Awesome Responsive Text with Rucksack