Sale!
Build Your First Website: A Hands-On Web Development Journey (4-Week Project Based Learning - Live)
NGN
  • NGN
  • GBP
,

Build Your First Website: A Hands-On Web Development Journey (4-Week Project Based Learning – Live)

Original price was: ₦60,000.00.Current price is: ₦47,988.00.

Course Goal: To guide absolute beginners through the process of planning, designing, building, and publishing their first basic websites using HTML and CSS, while also introducing fundamental web development concepts and Git for version control.

Categories: , Tags: , , , , , , , , , , , , , ,

Ready to create your own websites from scratch? This 4-week project-based course will guide you through the entire process of building basic, easy-to-understand websites – the perfect starting point for your web development journey.

Go beyond learning individual web technologies and experience the full lifecycle of bringing a website to life! From initial planning and design to coding the structure and style, and finally making it accessible online, you’ll gain invaluable practical experience in web development fundamentals.

What You’ll Achieve (in 4 Weeks):

  • Week 1: Planning & Design Basics:
    • Defining the purpose and content of your basic website(s).
    • Understanding fundamental web design principles and user experience (UX) for simple sites.
    • Planning the structure and layout of your web pages.
    • Creating simple wireframes or sketches for your website design.
  • Week 2: Building Your Website Structure with HTML:
    • Setting up your project with Git version control and creating your repository.
    • Structuring your website content using semantic HTML5 elements (text, images, links, lists, etc.).
    • Understanding the basic anatomy of an HTML page.
    • Creating multiple simple web pages and linking them together.
  • Week 3: Styling Your Website with CSS:
    • Introduction to CSS for styling the visual appearance of your website.
    • Learning basic CSS selectors, properties (colours, fonts, layout), and values.
    • Styling your HTML elements to match your basic design.
    • Understanding the concept of responsive design for different screen sizes (basic introduction).
  • Week 4: Deployment & Publishing Your Website:
    • Understanding domain names and how to choose one for a simple site.
    • Exploring basic web hosting options and setting up a hosting account.
    • Uploading your website files to the server using FTP or other methods.
    • Configuring your domain name (if applicable) to point to your hosting.
    • Publishing your basic website for public access!

Why Build These Websites?

  • Practical Experience: Apply your HTML and CSS skills in a real-world project.
  • Understand the Core Web Development Workflow: Experience the steps from planning to deployment for simple sites.
  • Master Git for Project Management: Solidify your understanding of version control.
  • Gain Confidence in Publishing Online: Understand the process of making your creations accessible.
  • Solid Foundation: Build a strong base for learning more advanced web development technologies.

What to Expect (in 4 Weeks):

  • Clear guidance through each stage of building basic websites.
  • Practical exercises and challenges to reinforce your learning.
  • Support and feedback on your progress.
  • A tangible, live website (or websites) that you built yourself.

This project is perfect for:

  • Novice developers ready to build their first websites.
  • Beginners looking to solidify their HTML and CSS fundamentals.
  • Anyone wanting to understand the basic process of creating and publishing websites.

Start your web development journey today! Enrol now and build your own websites from scratch to the live web.

Class 1: Understanding Websites & Planning Your Project

What is a website? Basic structure and components.
Different types of simple websites (personal, informational).
Defining the purpose and content of your website project.
Basic user experience (UX) considerations for simple navigation.
Introduction to the project scope and deliverables.
Class 2: Basic Web Design Principles & Wireframing

Introduction to basic design principles (layout, color, typography).
Understanding the importance of visual hierarchy.
Introduction to wireframing: creating simple visual blueprints of web pages.
Using basic tools (pen and paper or simple online tools) for wireframing.
Class 3: Setting Up Your Development Environment & Introduction to Git

Introduction to basic text editors (VS Code, Sublime Text, etc.).
Creating and saving HTML and CSS files.
Understanding file organization for a website project.
Introduction to Version Control with Git: what it is and why it's important.
Creating a basic Git repository for their project (git init).
Class 4: HTML Fundamentals: Structure & Content

Basic HTML document structure (<!DOCTYPE>, <html>, <head>, <body>).
Essential HTML tags for content: headings (<h1> to <h6>), paragraphs (<p>), images (<img>), links (<a>).
Understanding attributes and their usage.
Creating the basic structure for their planned web pages.
Class 5: HTML Fundamentals: Lists & Semantic Elements

Creating ordered (<ol>) and unordered (<ul>) lists.
Introduction to semantic HTML5 elements (<header>, <nav>, <main>, <article>, <footer>) and their benefits.
Using <div> and <span> for structural purposes.
Organizing content logically using semantic elements.
Class 6: Linking Pages & Working with Images

Creating internal links to navigate between different pages of their website.
Understanding absolute and relative file paths for links and images.
Inserting images using the <img> tag and essential attributes (src, alt).
Basic image optimization considerations (brief introduction).
Class 7: Introduction to CSS: Selectors & Basic Properties

What is CSS and its role in web design?
Different ways to include CSS in HTML (inline, internal, external).
Basic CSS selectors: element selectors, class selectors, ID selectors.
Fundamental CSS properties: color, background-color, font-family, font-size.
Class 8: CSS Layout: The Box Model & Basic Layout

Understanding the CSS Box Model (content, padding, border, margin).
Basic CSS layout properties: width, height.
Introduction to display property (block, inline, inline-block).
Simple techniques for arranging elements on a page.
Class 9: Enhancing Visuals & Introduction to Responsive Design

More CSS properties: text-align, line-height, border-style, border-color.
Introduction to responsive design: why it's important.
Basic viewport meta tag.
Introduction to media queries (conceptual overview).
Class 10: Understanding Domain Names & Web Hosting

What is a domain name and how to choose one.
Introduction to web hosting: where website files are stored online.
Different types of basic web hosting (shared hosting).
Overview of popular hosting providers (brief introduction).
Class 11: Preparing Your Website for Deployment & Introduction to FTP

Organizing website files for deployment.
Introduction to FTP (File Transfer Protocol) for uploading files.
Basic usage of an FTP client (e.g., FileZilla – demonstration).
Connecting to a remote server using FTP credentials.
Class 12: Uploading Files & Making Your Website Live

Uploading website files to the hosting server using FTP.
Understanding the public HTML directory.
Verifying that their website is accessible online using its domain name (or the hosting provider's temporary URL).
Basic troubleshooting steps for deployment issues.
Final review and next steps in web development.

Reviews

There are no reviews yet.

Be the first to review “Build Your First Website: A Hands-On Web Development Journey (4-Week Project Based Learning – Live)”

Your email address will not be published. Required fields are marked *

Related products

Shopping Basket