Behind the curtain
Web Foundation - WF-0001 

Taste of the Web     🌐

🎯 Gain a foundational understanding of web development concepts and skills.

Learning Objectives:

1. Digital Citizenship:

   • Understand basic computer security practices.

2. Web Fundamentals:

   • Learn the building blocks of websites: HTML, CSS, and JavaScript.

   • Explore the structure, style, and behavior of web pages.

Course Content:

• Module 1: Digital Citizenship

  • Healthy habits

  • Online safety tips

  • Password security

• Module 2: HTML Basics

  • HTML tags and elements

  • Creating basic web pages

  • Structuring content

• Module 3: CSS Basics

  • Styling web pages

  • CSS selectors

  • Color, fonts, and layout

• Module 4: JavaScript Basics

  • Introduction to JavaScript

  • Variables, data types, and operators

  • Control flow and functions

Practical Assignments:

• Homework: Engaging interactive workbooks to reinforce learning.

• Projects:

  • Number Guessing Game

  • Quiz Game

  • Tic-Tac-Toe Game
    
    

Knowledge Quiz

MultiMedia - Is it a kind of Food made by Cheif Leo? 🥣

🎯Develop essential digital literacy skills and foundational web development knowledge.

Learning Objectives:

1. Digital Citizenship:

   • Recognize and avoid cyber threats.

   • Respect intellectual property rights.

2. Web Development Basics:

   • Learn the fundamentals of HTML, CSS, and JavaScript.

   • Design and build interactive web pages.

   • Utilize multimedia elements (audio, video) in web design.

Course Content:

• Module 1: Digital Citizenship

  • Phishing and scams

  • Copyright laws and fair use

• Module 2: Web Development Fundamentals

  • HTML basics: structure and semantics

  • CSS basics: styling and layout

  • JavaScript basics: interactivity and dynamic content

  • Multimedia integration: audio, video, and images

Practical Assignments:

• • Homework: Engaging interactive workbooks to reinforce learning.

Projects:

• • Website Planning and Design

  • Multimedia Integration

  • Website Development and Deployment

Knowledge Quiz

'Bob' the Web-builder     🛠️

🎯AI Role in Web Development. Lay a solid foundation in web development technologies to create interactive and dynamic websites. 

Learning Objectives:

1. Data Science and AI:

   • Explore the basics of data science concepts.

   • Understand the role of AI in modern technology.

   • AI Potential risks 

2. Advanced HTML:

   • Learn HTML tags.

   • Create basic web page layouts.

3. CSS Basics:

   • Style web pages with CSS.

   • Use CSS selectors to target specific elements.

   • Apply CSS to create responsive designs.

4. JavaScript Basics:

   • Write JavaScript code to add interactivity to web pages.

   • Work with variables, data types, operators, and control flow.

   • Create functions and event handlers.

Course Content:

• Module 1: HTML Fundamentals

  • HTML tags and elements

  • Headings, paragraphs, and lists

  • Links, images, and tables

  • Forms and input elements

• Module 2: CSS Fundamentals

  • CSS selectors

  • Box model and layout techniques

  • Colors, fonts, and typography

  • Responsive design principles

• Module 3: JavaScript Fundamentals

  • Introduction to JavaScript

  • Variables, data types, and operators

  • Control flow statements (if/else, loops)

  • Functions and event handling

  • DOM manipulation

• Module 3: Data Science and AI Introduction

  • 1. Understand AI process

    2. AI practical applications in Web development

Practical Assignments:

• Homework: Engaging interactive workbooks to reinforce learning.

Projects:

• • Personal Website

  • Simple Web Application (e.g., calculator, to-do list)

  • Interactive Game (e.g., tic-tac-toe, number guessing)

Knowledge Quiz