Scholars Coding Hub, HTML, CSS, Programming ;

Course / Course Details

HTML & CSS Programming

Coding

By - Ifeanyi Felix
3 students
N/A
(0)

Course Requirements

Target Age: 8-14 (Adjust content and pace based on age range)

Course Requirements:

Hardware:

A computer (laptop or desktop) with a stable internet connection.

A modern web browser (Chrome, Firefox, Edge).

Software:

A text editor (Visual Studio Code, Sublime Text, or even Notepad/TextEdit for beginners). Visual studio code is highly recommended.

No prior programming experience is required.

Skills:

Basic computer literacy (typing, navigating folders, using a mouse).

A willingness to learn and experiment.

Good attention to detail.

Time Commitment:

Recommended: 1-2 hours of class time per week, plus additional time for practice.

Parental/Guardian Support (for younger learners):

Assistance with software installation and basic computer troubleshooting.

Encouragement and support for the child's learning.

Course Description

This engaging and interactive course introduces kids to the exciting world of web development using HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Students will learn the fundamental building blocks of websites, enabling them to create their own web pages from scratch.

The course will cover:

HTML Basics:

Understanding HTML tags and elements.

Creating basic page structure (headings, paragraphs, lists).

Adding images and links.

Creating simple tables.

CSS Basics:

Understanding CSS selectors and properties.

Styling text, colors, and backgrounds.

Controlling layout and spacing.

Applying styles to HTML elements.

Project-Based Learning:

Students will work on fun and creative projects throughout the course, such as:

Creating a personal webpage.

Designing a simple blog layout.

Building a webpage about their favorite hobby or animal.

Introduction to Web Development Concepts:

File structure for websites.

How web pages are displayed in browsers.

Basic debugging techniques.

Safe internet practices:

Understanding the importance of online safety.

Basic internet etiquette.

Course Outcomes

Upon successful completion of this course, students will be able to:

Understand the basic concepts of HTML and CSS.

Write basic HTML code to create web page structures.

Apply CSS styles to enhance the visual appearance of web pages.

Create simple, functional websites.

Develop problem-solving and critical thinking skills.

Gain confidence in their ability to create digital content.

Understand basic web development terminology.

Have a foundation to continue learning more advanced web development concepts.

Be able to create and host a simple web page.

Teaching Strategies:

Use visual aids and examples.

Break down complex concepts into smaller, manageable steps.

Encourage hands-on practice and experimentation.

Provide clear and concise instructions.

Foster a supportive and collaborative learning environment.

Use gamification and interactive activities.

Provide plenty of oppertunities for questions.

Course Curriculum

4 chapters
35 lectures
0 quizzes
N/A total length

Toggle all chapters

1 READING 1.1 Introduction to VS Code: Your Superpower for Coding

15 Min

2 VIDEO 1.1 Download VSCode

Preview

5 Min

3 QUIZ 1.1 Introduction to VS Code

10 Min

4 READING 1.2 Setting Up Your HTML Development Environment

15 Min

5 VIDEO 1.2 Getting Ready for HTML

Preview

4 Min

6 QUIZ 1.2 Setting Up Your HTML Development Environment

15 Min

7 READING 1.3 Introduction to the HTML Document Structure

15 Min

8 VIDEO 1.3 Structure of an HTML Document

5 Min

9 QUIZ 1.3 Introduction to the HTML Document Structure

15 Min

10 READING 1.4 More about HTML for Beginners

15 Min

11 VIDEO 1.4 More about HTML for Beginners

3 Min

12 QUIZ 1.4 More about HTML for Beginners

15 Min

1 READING 2.1 Visual Studio Code Walkthrough Part 1

15 Min

2 VIDEO 2.1 Complete Visual Studio Code Walkthrough Part 1

29 Min

3 QUIZ 2.1 Complete Visual Studio Code Walkthrough Part 1

15 Min

4 READING 2.2 Complete Visual Studio Code Walkthrough Part 2

15 Min

5 VIDEO 2.2 Complete Visual Studio Code Walkthrough Part 2

25 Min

6 QUIZ 2.2 Complete Visual Studio Code Walkthrough Part 2

15 Min

7 VIDEO 2.3 Complete Visual Studio Code Walkthrough Part 3

25 Min

8 QUIZ 2.3 Complete Visual Studio Code Walkthrough Part 3

15 Min

9 READING 2.3 Complete Visual Studio Code Walkthrough Part 3

15 Min

1 VIDEO 3.1 Headings , Line Break ,Horizontal Rule and Pre Tag Explained

15 Min

2 VIDEO 3.2 Abbr, addresss ,Strong ,blockquote, q , and code element explained

16 Min

3 VIDEO 3.3 inline and block level elements

8 Min

4 VIDEO 3.4 del, s, ins , em , dfn , mark , kbd and u progress element explained

8 Min

5 VIDEO 3.5 small , u ,sub and sup explained

3 Min

6 VIDEO 3.6 Form Element

10 Min

7 VIDEO 3.7 Input Types Explained

13 Min

8 VIDEO 3.8 TextArea And Select Tag Explained

6 Min

9 VIDEO 3.9 Images

5 Min

10 VIDEO 3.10 Audio and Video

8 Min

11 VIDEO 3.11 Links and lists

21 Min

12 VIDEO 3.12 Sementic Layout Elements

5 Min

13 VIDEO 3.13 datalist fieldset and legend

7 Min

14 VIDEO 3.12 Tables

10 Min

Instructor

Ifeanyi Felix

As the Super Admin of our platform, I bring over a decade of experience in managing and leading digital transformation initiatives. My journey began in the tech industry as a designer, and I have since evolved into a strategic leader with a focus on innovation and operational excellence. I am passionate about leveraging technology to solve complex problems and drive organizational growth. Outside of work, I enjoy mentoring aspiring tech professionals and staying updated with the latest industry trends.

4.2 Rating