Skip to content

Instantly share code, notes, and snippets.

@ayyzenn

ayyzenn/web-roadmap-v2.4.md

Last active July 2, 2025 22:29
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ayyzenn/9cc0e5f1bafd21ab55e260b93f35de9f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ayyzenn/9cc0e5f1bafd21ab55e260b93f35de9f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ayyzenn renamed this gist Jul 2, 2025. 1 changed file with 0 additions and 0 deletions.
    0 web-roadmap-v2.4.txt → web-roadmap-v2.4.md
    View file
    File renamed without changes.
  2. ayyzenn revised this gist Jun 30, 2025. 1 changed file with 0 additions and 83 deletions.
    83 changes: 0 additions & 83 deletions devops-roadmap-v1.2.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,83 +0,0 @@
    # ⚙️ DevOps Roadmap by COLAB
    **Version 1.0 | Summer Edition**

    ---

    ## 1. 🧱 Prerequisites

    - **Linux & Shell Scripting**
    Command-line basics, file handling, process management, bash scripting.

    - **Version Control (Git)**
    Branching strategies, pull requests, merge workflows.

    - **Programming Skill**
    Python or Go for automation and tooling.

    ---

    ## 2. 🔁 CI/CD & Jenkins

    - **Jenkins Fundamentals**
    Pipelines, plugins, job configuration.

    - **Build + Docker Integration**
    Building container images within Jenkins pipelines.

    - **Unit Testing & Artifact Storage**
    Nexus or JFrog integration.

    - 📺 **Recommended Video**:
    [What is DevOps to Docker, Kubernetes, Terraform, Ansible, Grafana](https://www.youtube.com/watch?v=mZb9nEnxjrM)

    ---

    ## 3. 📦 Containerization – Docker

    - **Core Concepts**
    Dockerfiles, image layering, container networking.

    - **Best Practices**
    Efficient images, multi-stage builds.

    - **Docker Compose**
    Multi-container applications using `docker-compose.yml`, local orchestration.

    ---

    ## 4. ☸️ Container Orchestration – Kubernetes

    - **Cluster Fundamentals**
    Pods, Deployments, Services.

    - **Advanced Topics**
    Helm, CRDs (Custom Resource Definitions), auto-scaling, networking.

    ---

    ## 5. ☁️ Cloud Platform Exploration (AWS, Azure, GCP)

    ### 🛠️ Basics of Cloud Computing

    - Understand the difference: **IaaS vs PaaS vs SaaS**.

    ### 🧪 Explore Free Tiers

    - **AWS Free Tier**
    - **Azure for Students**
    - **GCP Trial**

    ### 🖥️ Set Up Basic Services Using Cloud Web UI

    - Create and configure **VM instances**
    - Set up **storage buckets**
    - Manage **IAM roles and policies** through dashboards

    ### 🧑‍💻 Then Replicate the Same via Programmatic Access

    - **AWS**: Use **Boto3 (Python SDK)** to script infrastructure, automate workflows, and interact with services.
    - **Azure**: Use **Azure SDK for Python** to manage resources and deploy services through code.

    ---

    > 🔧 This roadmap is designed for Linux-first environments. While some tools may demonstrate usage on Windows, COLAB encourages you to adapt all workflows and automation practices on Linux for real-world readiness.
  3. ayyzenn revised this gist Jun 30, 2025. No changes.
  4. ayyzenn revised this gist Jun 30, 2025. 2 changed files with 125 additions and 25 deletions.
    83 changes: 83 additions & 0 deletions devops-roadmap-v1.2.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,83 @@
    # ⚙️ DevOps Roadmap by COLAB
    **Version 1.0 | Summer Edition**

    ---

    ## 1. 🧱 Prerequisites

    - **Linux & Shell Scripting**
    Command-line basics, file handling, process management, bash scripting.

    - **Version Control (Git)**
    Branching strategies, pull requests, merge workflows.

    - **Programming Skill**
    Python or Go for automation and tooling.

    ---

    ## 2. 🔁 CI/CD & Jenkins

    - **Jenkins Fundamentals**
    Pipelines, plugins, job configuration.

    - **Build + Docker Integration**
    Building container images within Jenkins pipelines.

    - **Unit Testing & Artifact Storage**
    Nexus or JFrog integration.

    - 📺 **Recommended Video**:
    [What is DevOps to Docker, Kubernetes, Terraform, Ansible, Grafana](https://www.youtube.com/watch?v=mZb9nEnxjrM)

    ---

    ## 3. 📦 Containerization – Docker

    - **Core Concepts**
    Dockerfiles, image layering, container networking.

    - **Best Practices**
    Efficient images, multi-stage builds.

    - **Docker Compose**
    Multi-container applications using `docker-compose.yml`, local orchestration.

    ---

    ## 4. ☸️ Container Orchestration – Kubernetes

    - **Cluster Fundamentals**
    Pods, Deployments, Services.

    - **Advanced Topics**
    Helm, CRDs (Custom Resource Definitions), auto-scaling, networking.

    ---

    ## 5. ☁️ Cloud Platform Exploration (AWS, Azure, GCP)

    ### 🛠️ Basics of Cloud Computing

    - Understand the difference: **IaaS vs PaaS vs SaaS**.

    ### 🧪 Explore Free Tiers

    - **AWS Free Tier**
    - **Azure for Students**
    - **GCP Trial**

    ### 🖥️ Set Up Basic Services Using Cloud Web UI

    - Create and configure **VM instances**
    - Set up **storage buckets**
    - Manage **IAM roles and policies** through dashboards

    ### 🧑‍💻 Then Replicate the Same via Programmatic Access

    - **AWS**: Use **Boto3 (Python SDK)** to script infrastructure, automate workflows, and interact with services.
    - **Azure**: Use **Azure SDK for Python** to manage resources and deploy services through code.

    ---

    > 🔧 This roadmap is designed for Linux-first environments. While some tools may demonstrate usage on Windows, COLAB encourages you to adapt all workflows and automation practices on Linux for real-world readiness.
    67 changes: 42 additions & 25 deletions web-roadmap-v2.4.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,47 +1,64 @@
    Web Developement roadmap by COLAB:
    # 🌐 Web Development Roadmap by COLAB
    **Version 2.4 | Summer Edition**
    **Total Duration: ~27.5 hours**

    Version-2.4 of web-developement roadmap for Batch-24 during Summer by COLAB.
    ---

    ## 🚀 FRONT-END WEB DESIGNING

    ------------------------ FRONT END WEB DESIGNING ----------------------------------
    1. **HTML (1:00:41)**
    📺 [HTML Full Course – Build a Website Tutorial](https://www.youtube.com/watch?v=UB1O30fR-EE)

    1: HTML (1:00:41 hrs) : https://www.youtube.com/watch?v=UB1O30fR-EE
    2. **CSS (1:25:11)**
    📺 [CSS Tutorial for Beginners](https://www.youtube.com/watch?v=yfoY53QXEnI)

    2: CSS (1:25:11 hrs) : https://www.youtube.com/watch?v=yfoY53QXEnI
    3. **Bootstrap (1:18:45)**
    📺 [Bootstrap 4 Crash Course](https://www.youtube.com/watch?v=4sosXZsdy-s)
    _Note: Skip the JavaScript part for now and revisit it later._

    3: Bootstrap (1:18:45 hrs) : https://www.youtube.com/watch?v=4sosXZsdy-s
    (Leave the javascript part and come back to it afterwards)
    4. **JavaScript (1:40:29)**
    📺 [JavaScript Crash Course for Beginners](https://www.youtube.com/watch?v=hdI2bqOjy3c)
    🔁 **Alternative**: [Another JS Crash Course](https://www.youtube.com/watch?v=BI1o2H9z9fo)

    4: Javascript (1:40:29 hrs): https://www.youtube.com/watch?v=hdI2bqOjy3c
    suggested: https://www.youtube.com/watch?v=BI1o2H9z9fo
    5. **DOM Manipulation (Playlist)**
    📺 [DOM Tutorial Series](https://www.youtube.com/watch?v=0ik6X4DJKCc&list=PLillGF-RfqbYE6Ik_EuXA2iZFcE082B3s)

    5: DOM manipulation(Playlist) : https://www.youtube.com/watch?v=0ik6X4DJKCc&list=PLillGF-RfqbYE6Ik_EuXA2iZFcE082B3s
    6. **JavaScript ES6 (Playlist)**
    📺 [Modern JavaScript (ES6+) Tutorial Series](https://www.youtube.com/watch?v=2LeqilIw-28&list=PLillGF-RfqbZ7s3t6ZInY3NjEOOX7hsBv)

    6: Javascript ES6 (Playlist): https://www.youtube.com/watch?v=2LeqilIw-28&list=PLillGF-RfqbZ7s3t6ZInY3NjEOOX7hsBv
    7. **jQuery (1:01:09)**
    📺 [jQuery Crash Course](https://www.youtube.com/watch?v=3nrLc_JOF7k&list=PLillGF-RfqbYJVXBgZ_nA7FTAAEpp_IAc)

    7: Jquery (1:01:09 hrs) : https://www.youtube.com/watch?v=3nrLc_JOF7k&list=PLillGF-RfqbYJVXBgZ_nA7FTAAEpp_IAc
    ---

    ## 🛠️ BACK-END SERVER-SIDE WEB PROGRAMMING

    1. **Node.js (2:06:34)**
    📺 [Node.js Crash Course](https://youtu.be/32M1al-Y6Ag?si=AgYw8dz34ieyomXB)

    ----------------------- BACK END SERVER SIDE WEB PROGRAMMING------------------------
    2. **MongoDB (27:21)** _(Optional)_
    📺 [MongoDB Crash Course](https://youtu.be/2QQGWYe7IDU?si=4s0KYw-VsvrT4Bml)

    1: Node.js (02:06:34 mins) : https://youtu.be/32M1al-Y6Ag?si=AgYw8dz34ieyomXB
    3. **Express & Node.js (1:46:10)** _(Optional)_
    📺 [Express.js Crash Course](https://youtu.be/CnH3kAXSrmU?si=hVEbwIhA2swTj1Vg)

    2: MongoDB (27:21 mins) (optional) : https://youtu.be/2QQGWYe7IDU?si=4s0KYw-VsvrT4Bml
    4. **SQL (1:11:34)**
    📺 [SQL Crash Course](https://youtu.be/9ylj9NR0Lcg?si=uFinu3q-tjN5WPf8)

    3: Express and node.js (1:46:10 hrs) (optional) : https://youtu.be/CnH3kAXSrmU?si=hVEbwIhA2swTj1Vg
    5. **PHP (3:15:36)**
    📺 [PHP Full Course](https://youtu.be/BUCiSSyIGGU?si=RRPIoCeUvxH-Ojq5)

    4: SQL crash course (1:11:34 mins) : https://youtu.be/9ylj9NR0Lcg?si=uFinu3q-tjN5WPf8
    6. **PHP REST API (1:03:00)** _(Optional)_
    📺 [REST API in PHP (Playlist)](https://www.youtube.com/playlist?list=PLillGF-RfqbZ3_Xr8do7Q2R752xYrDRAo)

    5: PHP course (3:15:36 hrs) : https://youtu.be/BUCiSSyIGGU?si=RRPIoCeUvxH-Ojq5
    7. **Laravel (4:18:51)** _(Optional)_
    📺 [Laravel Full Course](https://youtu.be/MYyJ4PuL4pY?si=6siyWI-UhMl0e-eN)

    6: PHP Rest API (1:03:00 hrs) (optional) : https://www.youtube.com/playlist?list=PLillGF-RfqbZ3_Xr8do7Q2R752xYrDRAo
    8. **Django (7:10:04)** _(Optional)_
    📺 [Django Full Course – Beginner to Advanced](https://youtu.be/PtQiiknWUcI?si=SJK4aj962ZWCvN9C)

    7: Laravel (4:18:51 hrs) (optional) : https://youtu.be/MYyJ4PuL4pY?si=6siyWI-UhMl0e-eN
    ---

    8: Django (7:10:04 hrs) (optional) : https://youtu.be/PtQiiknWUcI?si=SJK4aj962ZWCvN9C
    -----------------------------------------------------------------------------------------
    ## 📌 Final Note

    Total time: around 27.5 hours of videos

    Note: While the videos in the series might demonstrate the concepts using Windows, you are encouraged to adapt and apply the knowledge to Linux.
    > While most of these tutorials are demonstrated on **Windows**, learners are **encouraged to apply and practice everything on Linux** for a more realistic and flexible development environment.
  5. ayyzenn renamed this gist Jun 30, 2025. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → web-roadmap-v2.4.txt
    View file
    File renamed without changes.
  6. ayyzenn created this gist Jun 30, 2025.
    47 changes: 47 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,47 @@
    Web Developement roadmap by COLAB:

    Version-2.4 of web-developement roadmap for Batch-24 during Summer by COLAB.


    ------------------------ FRONT END WEB DESIGNING ----------------------------------

    1: HTML (1:00:41 hrs) : https://www.youtube.com/watch?v=UB1O30fR-EE

    2: CSS (1:25:11 hrs) : https://www.youtube.com/watch?v=yfoY53QXEnI

    3: Bootstrap (1:18:45 hrs) : https://www.youtube.com/watch?v=4sosXZsdy-s
    (Leave the javascript part and come back to it afterwards)

    4: Javascript (1:40:29 hrs): https://www.youtube.com/watch?v=hdI2bqOjy3c
    suggested: https://www.youtube.com/watch?v=BI1o2H9z9fo

    5: DOM manipulation(Playlist) : https://www.youtube.com/watch?v=0ik6X4DJKCc&list=PLillGF-RfqbYE6Ik_EuXA2iZFcE082B3s

    6: Javascript ES6 (Playlist): https://www.youtube.com/watch?v=2LeqilIw-28&list=PLillGF-RfqbZ7s3t6ZInY3NjEOOX7hsBv

    7: Jquery (1:01:09 hrs) : https://www.youtube.com/watch?v=3nrLc_JOF7k&list=PLillGF-RfqbYJVXBgZ_nA7FTAAEpp_IAc



    ----------------------- BACK END SERVER SIDE WEB PROGRAMMING------------------------

    1: Node.js (02:06:34 mins) : https://youtu.be/32M1al-Y6Ag?si=AgYw8dz34ieyomXB

    2: MongoDB (27:21 mins) (optional) : https://youtu.be/2QQGWYe7IDU?si=4s0KYw-VsvrT4Bml

    3: Express and node.js (1:46:10 hrs) (optional) : https://youtu.be/CnH3kAXSrmU?si=hVEbwIhA2swTj1Vg

    4: SQL crash course (1:11:34 mins) : https://youtu.be/9ylj9NR0Lcg?si=uFinu3q-tjN5WPf8

    5: PHP course (3:15:36 hrs) : https://youtu.be/BUCiSSyIGGU?si=RRPIoCeUvxH-Ojq5

    6: PHP Rest API (1:03:00 hrs) (optional) : https://www.youtube.com/playlist?list=PLillGF-RfqbZ3_Xr8do7Q2R752xYrDRAo

    7: Laravel (4:18:51 hrs) (optional) : https://youtu.be/MYyJ4PuL4pY?si=6siyWI-UhMl0e-eN

    8: Django (7:10:04 hrs) (optional) : https://youtu.be/PtQiiknWUcI?si=SJK4aj962ZWCvN9C
    -----------------------------------------------------------------------------------------

    Total time: around 27.5 hours of videos

    Note: While the videos in the series might demonstrate the concepts using Windows, you are encouraged to adapt and apply the knowledge to Linux.