Foundations of Web Design and Development
Learn the fundamentals of web design and development, covering HTML, CSS, and WordPress as a powerful CMS in just 6 hours.
Purpose & Outcome:
Learners will gain a foundational understanding of web design and development, focusing on HTML, CSS, and WordPress as a Content Management System (CMS). By the end of the session, they should be able to comprehend how websites operate, differentiate between code-based and no-code/low-code development approaches, and set up a basic development environment with essential tools.
Prerequisites:
- Basic familiarity with web browsers and text editors (such as Microsoft Word)
- Knowledge of basic web development terminology
- Access to a computer/laptop with internet
Benefits:
- Interactive Online Training: Engage in live online sessions with hands-on exercises and real-time feedback.
- Internship & Outsourcing Opportunities: Potential pathways to internships and outsourcing projects upon course completion.
- Real-World Application: Gain experience contributing to real or commercial web projects.
Program Overview
Introduction to Web Design & Development (1 hour)
- Understanding the Web: Basics of websites, browsers, and servers
- Overview of Web Development Approaches: Code-based vs. No-Code/Low-Code
- Tools and Software: Setting up your environment (VS Code, Figma, WordPress)
Introduction to HTML & CSS (1 hour)
- HTML Fundamentals: Structure of a webpage, elements, and attributes
- CSS Fundamentals: Styling web pages, selectors, properties, and values
- Building a Simple Personal Webpage using HTML and CSS
- Project: Create a basic static webpage with HTML/CSS
Introduction to Figma for Web Design (1 hour)
- Understanding User Experience (UX) and User Interface (UI) Design
- Figma Basics: Interface, tools, layers, and components
- Designing a Simple Website Layout in Figma
- Project: Create a wireframe and prototype for a personal website
Introduction to WordPress as a CMS (2 hours)
- What is WordPress? Overview and Benefits of Using WordPress
- Setting Up a Local WordPress Environment: Using Local WP or XAMPP
- Understanding the WordPress Dashboard, Themes, and Plugins
- Project: Set up a basic WordPress site and configure initial settings
Introduction to AI Tools for Learning and Troubleshooting (1 hour)
- Overview of AI Tools: ChatGPT and others for troubleshooting and learning
- Practical Use of ChatGPT: How to ask effective questions and debug code
- Leveraging AI to Learn New Concepts: Research, tutorials, and content generation
Enroll For December 2024