Essentials.md

Web Development Essentials Roadmap

This roadmap is designed to provide university students with the essential knowledge and skills required for web development. The roadmap covers key topics such as how the internet works, version control, HTML, CSS, and Tailwind CSS. The content is divided into 7 weeks, making it suitable for a structured learning approach. By following this roadmap, university students will gain a solid foundation in web development and be ready to explore more advanced concepts and technologies.

Target Audience

• University students studying computer science, software engineering, or related fields.
• Individuals seeking to acquire fundamental web development skills.

How the Internet Works (Week 1)

• Gain a fundamental understanding of how the internet functions and the technologies that power it.
• Familiarize yourself with concepts such as IP addresses, domains, HTTP, and DNS.

Introduction to version control (Week 2)

Courses

• Big Data - Git and GitHub: A comprehensive video tutorial series covering the basics of Git and GitHub for beginners.
• Meta - Version Control: A course that introduces the concept of version control and its importance in modern software development.

Topics

1. version control basics
2. requirements
3. Git architecture
4. Git commands
5. Git branching
6. GitHub

HTML (Week 3)

Courses

• Elzero Web School - Learn HTML: A comprehensive video tutorial series covering the basics of HTML for beginners.

Topics

1. HTML basics
2. HTML elements
3. HTML attributes
4. HTML headings
5. HTML paragraphs
6. HTML links
7. HTML images
8. HTML lists
9. HTML tables
10. HTML forms

CSS (Week 4)

Courses

• Elzero Web School - Learn CSS: A complete video tutorial series covering the modern CSS for frontend developers.

Topics

1. CSS basics
2. CSS selectors
3. CSS positioning
4. CSS layouts
5. CSS flexbox
6. CSS grid
7. CSS transforms
8. CSS transitions
9. CSS animations

Practical Templates (Week 5-6)

Toturials

• HTML And CSS Template 1
• HTML And CSS Template 2
• HTML And CSS Template 3
• HTML And CSS Template 4

Tailwind CSS (Week 7)

Courses

• Tailwind CSS Tutorial by The Net Ninja: A playlist of video tutorials covering the fundamentals of Tailwind CSS.
• Arabic - Tailwind CSS by Tarmiz Academy Optional but GREAT: A great video tutorial series covering the fundamentals of Tailwind CSS for Arabic speakers.

Topics

1. Tailwind CSS basics
2. Tailwind CSS utilities
3. Tailwind CSS components
4. Tailwind CSS responsive design
5. Tailwind CSS plugins

Additional Meteirals

• Arabic - Bootstrap 5 by Tarmiz Academy: A great video tutorial series covering the fundamentals of Bootstrap 5 for Arabic speakers.

By completing this roadmap, you'll acquire a strong foundation in web development and be equipped with the necessary skills to start working with JavaScript. Remember to practice hands-on coding, work on projects, and continue learning beyond this roadmap to enhance your skills and stay up to date with the latest industry trends.

Good luck on your journey to becoming a web developer!