PreCodeCamp for Individual Learners ⏐ Exit

HTML/CSS Fundamentals

Phase 2

The Basics Of HTML/CSS

If you are thinking at becoming a web programmer you must learn HTML and CSS. Our course will introduce these basic topics in small bite sized learning modules. Each chapter has it’s very own major project to help reinforce these concepts.

Many learners of this topic area truly enjoy it as it allows them to be creative in their journey.

Learn from home

Learn on your clock

Tutors available

JavaScript Course a Prerequisite

Bridging the gap between YouTube tutorials and structured learning.

Weekly Tutor Sessions

Meet individually or in groups with our tutors using provided vouchers for personalized support.

Real

Projects

Work with real businesses after completing a bootcamp and passing the competency exam.

Course

Challenges

Coding challenges with video walkthroughs. For tougher tasks, seek help from your Camp Guide.

Testing and Assessments

Our modules include tests and quizzes that provide instant feedback.

Constant Learning

Lifetime access to our Course video. Watch and rewatch whenever you like.

Earn A Certification

Earn a certification upon completion of our courses.

Private

Chat

Chat privately with your instructor or tutor via the web or mobile app.

HTML Essentials: Building Webpages

Discover the fundamentals of HTML, the backbone of web development. Explore its history and learn common elements like headings and paragraphs. Master intermediate tags such as lists and nesting, and create functional hyperlinks. Progress to building multiple webpages with a user-friendly navigation system for seamless browsing.

CSS: Styling Webpages

CSS (Cascading Style Sheets) is crucial for transforming the appearance of webpages, adding visual appeal to HTML content. Explore inline, internal, and external CSS styling methods, and master effective element positioning.


Advance to responsive design techniques using Media Queries, ensuring your website looks great across devices. Discover Flexbox and Grid Layouts for creating flexible, organized page structures.

Learn More.

For Less.

What students are saying.

"I've started the course and like the way the instructor takes the time to build your knowledge on the fundamentals of this language. Amazing!"



Kolwaski P.

Student

"Phenomenal instructor! The depth of knowledge and passion for JavaScript shines through in every lesson. I've learned so much and feel confident in my coding abilities."


Micheal W.

Student

"The instructor breaks down complex JavaScript concepts into digestible chunks, making it perfect for beginners like myself. I feel confident tackling real-world projects after completing Phase 1."

Sarah J.

Student

Understanding

our pricing

Understanding our pricing

Select your payment plan

Life Time Access to course

Payment plan: Phase 2

Course Only

$149


Work Feedback

Web and app access

Community Access

Installation Meeting

Course & Mentor

$295


Work Feedback

4 hours of tutor time

Community Access

Installation Meeting

Mentor Only

$60.00/hr


You Choose The Time

Explain's Code

HTML/CSS Design

Solutions to Projects

Disclaimer: Course costs may vary. Deposits are non-refundable. Access to the course may be revoked if payment is not made. Some participants may be on a monthly payment plan. Course costs are subject to change.

Join a community of

Coders .

Join our vibrant community of coders, learners, and business owners who can help you kickstart your career. Discover how Precodecamp can benefit you by chatting with some of our students to see if we’re the right fit for your educational journey.

0+

30 Users on Our Server

0+

Active Channels

HTML / CSS Fundamentals Phase II

HTML


Getting Started

Introduction

History of HTML

HTML Structure

Live Server Installation

Elements and Tags

Headers Overview

Header Tags - Code With Me

Paragraph Tags - Code With Me

Self Closing Tags - Code With Me

Intermediate HTML

List Items

Recipe Challenge

Recipe Challenge Submit

Anchor Tags

Image Tags

Using UnSplash Images in HTML Code

Accessing an Image Locally (Relative Path)

Family Reunion Challenge

Family Reunion Challenge Submit

CSS

Introduction to CSS

About This Course

Introduction to CSS Part I

Introduction to CSS Part II

Introduction to CSS Part III

Introduction to CSS Part IV

Styling Types: Inline, Internal, External

Challenge: CSS Fun with Basic Colors

Submit: CSS Fun with Basic Colors

CSS Properties

CSS Colors

Choosing Fonts

Using Google Fonts

Using the Inspector Tool in Chrome

CSS Box Model

Challenge: Create A Polaroid Picture Example

Submit: Polaroid Picture Example

Intermediate CSS

Specificity and Inheritance

Combining CSS Selectors

Positioning

Challenge: Create a Simple Counties Flag

Submit: Simple Countries Flag

Advanced CSS

CSS Display

CSS Float

CSS Media Queries

Challenge: Build a Responsive Layout Design

Submit: Responsive Layout Design

Layout Flexbox

Display Flex

Flex Direction

Flex Layout

Flex Sizing

Challenge: Create a Responsive 3 Column to 1 Column Pricing Table

Submit: Pricing Table