14 - CSS | TechWorld with Nana

Autoplay
Autocomplete

Previous Lesson Complete and Continue

The Ultimate IT Fundamentals Course

0 - Course Overview & Intro with IMPORTANT Information

0 - Tell us about you :)
1 - Welcome & Course Overview (3:35)
2 - Curriculum (8:58)
3 - How to Access Course Resources (5:43)
4 - Administrative FAQs

1 - Create Own AI Study Assistant (Optional)

1 - How to use AI to Learn Faster and Efficiently (6:28)
2 - Create Custom Study Plan with AI (12:33)
3 - Create Individualised Demo Exercises with AI (11:10)
4 - How to Keep Momentum to Learn (9:01)
5 - Do's and Don'ts of Using AI as Your Study Companion (6:44)

2 - Introduction to Software Development Workflow

0 - Chapter Handout - Key Takeaways
1 - Software Development Workflow (12:18)
2 - What is Agile and Scrum (19:53)
3 - Backlog and Scrum Board in Jira (29:50)

3 - Web Development with HTML, CSS and JavaScript

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (0:49)
2 - How Websites Work (9:21)
3 - What is JS (5:47)
4 - Variables & Data Types (18:35)
5 - How to Execute JS (14:13)
6 - Conditionals & Comparators (11:18)
7 - Objects (13:56)
8 - Arrays (7:59)
9 - Loops (31:30)
10 - Functions (13:08)
11 - Built-in Functions (53:29)
12 - Intro to HTML & CSS (1:58)
13 - HTML (35:05)
14 - CSS (83:29)
15 - HTML head tags (17:51)
16 - Website with HTML, CSS & JS (39:16)

4 - Implement Frontend of Teamable Demo Project (HTML, CSS, JS)

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (2:28)
2 - Develop Teamable Demo App with HTML, CSS and JS (44:06)
3 - JS Frameworks (5:55)
4 - Maintaining JS Frameworks (2:47)
5 - Open Source Explained (2:11)
6 - Libraries Explained (2:15)
7 - npm Registry (11:05)
8 - Versioning in Software Development Explained (9:02)
9 - How to Use Libraries in JS Application (13:40)
10 - npm CLI (8:16)
11 - Command Line Interface & Operating System Basics Explained (22:43)
12 - Install npm on MacOS (14:31)
13 - Install npm on Windows (9:19)
14 - Install JS Libraries with npm (48:33)

5 - Implement Frontend of Teamable Demo Project (VueJS)

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (0:25)
2 - VueJS Tutorial Part 1 (41:10)
3 - VueJS Tutorial Part 2 (34:48)
4 - Implement Frontend with HTML, CSS & VueJS Part 1 (22:12)
5 - Implement Frontend with HTML, CSS & VueJS Part 2 (20:48)

6 - Implement Backend of Teamable Demo Project (NodeJS)

0 - Chapter Handout - Key Takeaways
1 - Frontend Backend Communication Explained (10:05)
2 - NodeJS Tutorial (15:12)
3 - Example Frontend Application for NodeJS (6:21)
4 - HTTP, URL & IP Addresses Explained (16:41)
5 - Implement Web Server with NodeJS (21:33)
6 - JSON Explained (3:25)
7 - Implement Data Exchange Between Frontend & Backend (38:53)
8 - Implement Teamable Application Backend with NodeJS (46:34)

7 - Connect Teamable Application to Database (MongoDB)

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (0:31)
2 - Databases Explained (3:03)
3 - Database Types and Their Usages Explained (16:26)
4 - MongoDB Database, SQL vs NoSQL (3:55)
5 - General Guide to Installing Tools on OS (5:47)
6 - Install MongoDB on MacOS (18:28)
7 - Install MongoDB on Windows (8:12)
8 - General Guide to Connecting Applications to Database (3:07)
9 - Connect Teamable Backend to MongoDB Part 1 (32:28)
10 - Connect Teamable Backend to MongoDB Part 2 (18:57)

8 - Implement Automated Tests for Teamable Demo Project (Jest)

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (0:35)
2 - Test Automation Explained (3:11)
3 - Automated Test Types Explained (8:09)
4 - Write Unit Tests in Jest for Teamable app (27:44)
5 - Write Integration Tests in Jest for Teamable app (23:59)

9 - Packaging Teamable Demo Project (Project Artifact)

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (3:10)
2 - Build & Package Teamable Application (19:39)
3 - Running Application from Package/Artifact (9:25)

10 - Deploy Teamable Application on Linux Server on Cloud

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (2:14)
2 - Server Basics Explained (28:30)
3 - Systems Administrator Role Explained (2:16)
4 - Create Linux Ubuntu Server on Cloud (24:15)
5 - SSH into Cloud Server from MacOS (4:08)
6 - SSH into Cloud Server from Windows (7:13)
7 - Secure Server with Firewall (10:46)
8 - Configure Linux Ubuntu Server (15:11)
9 - Deploy Application on Linux Server (18:24)
10 - Deployment Stages Explained (9:40)
11 - Development & Deployment Workflow Explained (4:38)
Take a break and Leave us a Review :)

11 - Configure Teamable Application for Multi Environment Deployment

0 - Chapter Handout - Key Takeaways
1 - Complete Sprint in Jira (6:54)
2 - Secure MongoDB Database Access (18:37)
3 - Configure Database Access with Credentials in Backend Application (9:19)
4 - Configure Access to Environment Variables in Backend Application (29:23)
5 - Destroy Droplet (2:31)

12 - Version Control for Code - GIT

0 - Chapter Handout - Key Takeaways
1 - Chapter Introduction (5:03)
2 - Introduction to Version Control (4:54)
3 - Basic Concepts of Git (2:11)
4 - Setup Remote Repository (7:41)
5 - Clone Remote Repository and Initialize Local Repository (31:21)
6 - Working with Git (Basic Git commands and .gitignore file) (11:18)
7 - Git Workflow after first setup (6:37)
8 - Pull Changes (12:44)
9 - Merge Conflicts (7:51)
10 - Commit Message and History of Commits (6:18)
11 - Concept of Branches (12:25)
12 - Merge Requests (11:40)
13 - Deleting Branches (4:48)

13 - Use AI Tools for Engineers

1 - Use Cases of AI Tools for Engineers (6:00)
2 - Programming New Features Faster with AI Code Assistant (28:53)
3 - Troubleshooting with AI (13:48)
4 - Generating Automation Script and Documentation with AI (14:53)

14 - Next Steps

1 - Next Steps - Where to go from here? (3:36)

Teach online with

14 - CSS

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock