HTML/CSS Web Development

HTML/CSS Web Development is the foundational practice of building the front-end, or user-facing portion, of websites. This discipline involves using HTML (HyperText Markup Language) to create the essential structure and semantic meaning of web content, organizing elements like headings, paragraphs, and images into a coherent document. Complementing this structure, CSS (Cascading Style Sheets) is used to apply all visual styling, controlling everything from layout, colors, and typography to responsive design adjustments for different screen sizes, ultimately translating a design concept into a functional and accessible experience on the web.

  1. Introduction to Web Development
    1. Overview of Web Development
      1. Definition of Web Development
        1. Frontend vs. Backend Development
          1. Full Stack Development
          2. How the Web Works
            1. Clients and Servers
              1. Definition of Client
                1. Definition of Server
                  1. Client-Server Architecture
                  2. Protocols
                    1. HTTP Protocol
                      1. HTTPS Protocol
                        1. Request-Response Cycle
                        2. The Role of the Web Browser
                          1. Rendering Engine
                            1. Browser Compatibility
                              1. Developer Tools Overview
                              2. Anatomy of a URL
                                1. Protocol/Scheme
                                  1. Domain Name
                                    1. Port Number
                                      1. Path
                                        1. Query String
                                          1. Fragment Identifier
                                        2. Core Technologies Overview
                                          1. HTML: Structure
                                            1. Markup Language Concept
                                              1. Document Structure
                                              2. CSS: Presentation
                                                1. Styling Web Pages
                                                  1. Separation of Content and Presentation
                                                  2. JavaScript: Behavior
                                                    1. Adding Interactivity
                                                      1. DOM Manipulation Overview
                                                    2. Setting Up the Development Environment
                                                      1. Choosing a Code Editor
                                                        1. Visual Studio Code
                                                          1. Sublime Text
                                                            1. Atom
                                                              1. Editor Features
                                                                1. Syntax Highlighting
                                                                  1. Extensions and Plugins
                                                                    1. Auto-completion
                                                                  2. Web Browsers and Developer Tools
                                                                    1. Installing Multiple Browsers
                                                                      1. Accessing Developer Tools
                                                                        1. Browser Testing Importance
                                                                        2. Creating a Local Project Folder
                                                                          1. Folder Structure Best Practices
                                                                            1. File Naming Conventions
                                                                              1. Organizing HTML, CSS, and Assets

                                                                          Go to top

                                                                          Next

                                                                          2. HTML Fundamentals