© Copyright 2024.. All Rights Reserved.
choose your plan below
Join
$10
/Month
Learn how to make money selling apps + websites
Learn how to WORK on and complete those same apps and websites with the help of other experts after you’ve acquired a customer and also become a part of an established team and organization that has built apps being used across the world and provide crucial services to businesses and entrepreneurs:
whats in the course
Month 1: Introduction to HTML
Module 1: Getting Started with HTML
Section 1: Introduction to the web, browsers, and HTML
Resource: W3Schools HTML Introduction
Challenge: Create a simple HTML page using CodePen
Optional Challenge: Complete Codecademy's HTML Course
Section 2: Basic HTML structure
Resource: HTML Structure Tutorial
Challenge: Use HTML5 UP templates to explore structure
Optional Challenge: Design a simple landing page layout
Section 3: Text formatting tags
Resource: HTML Text Formatting
Challenge: Create a text formatting challenge on Codewars
Optional Challenge: Create a biography page using different formatting tags
Section 4: Links and images
Resource: HTML Links and HTML Images
Challenge: Build an image gallery on Glitch
Optional Challenge: Create a personal webpage with links to your favorite sites
Section 5: Semantic HTML
Resource: Semantic HTML
Challenge: Create a simple webpage using semantic elements on CodePen
Optional Challenge: Convert a non-semantic HTML page into semantic HTML
Section 6: Forms and input elements
Resource: HTML Forms
Challenge: Use FreeCodeCamp to build a form and validate inputs
Optional Challenge: Create a multi-step form
Section 7: Quiz on HTML basics
Quiz: Use Quizlet to create a quiz on HTML basics
Optional Challenge: Create a Kahoot! quiz for your peers
Module 2: Advanced HTML
Section 8: Tables in HTML
Resource: HTML Tables
Challenge: Create a table-based layout on JSFiddle
Optional Challenge: Create a data table with sorting using JavaScript
Section 9: HTML5 features
Resource: HTML5 Features
Challenge: Create a simple video or audio player using HTML5
Optional Challenge: Embed a YouTube video into your webpage
Section 10: Accessibility in HTML
Resource: Web Accessibility
Challenge: Use the WAVE Evaluation Tool to assess a webpage for accessibility
Optional Challenge: Improve accessibility on an existing webpage
Section 11: Review and practice
Activity: Review key concepts and practice building a mini-site using Glitch
Optional Challenge: Create a mini-site that highlights your favorite hobby
Section 12: Project planning
Activity: Outline a personal project (e.g., a portfolio site)
Optional Challenge: Create a wireframe for your project using Balsamiq
Section 13: Begin personal project
Task: Set up the basic structure on CodePen
Optional Challenge: Choose a theme for your project and list potential features
Section 14: Share and discuss project ideas
Activity: Peer review of project outlines using Google Docs
Optional Challenge: Provide constructive feedback to at least two peers
Module 3: CSS FUNDAMENTALS
Section 15: What is CSS?
Resource: CSS Introduction
Challenge: Style your HTML page using CodePen
Optional Challenge: Create a CSS stylesheet from scratch for a sample HTML page
Section 16: CSS selectors and properties
Resource: CSS Selectors
Challenge: Complete an interactive challenge on CSSBattle
Optional Challenge: Create a styled button with different states (hover, active)
Section 17: Colors and backgrounds
Resource: CSS Colors
Challenge: Experiment with color schemes using Coolors
Optional Challenge: Create a color palette generator using JavaScript
Section 18: Box model
Resource: CSS Box Model
Challenge: Use Flexbox Froggy to learn about the box model
Optional Challenge: Build a card layout using the box model concepts
Section 19: Fonts and text styles
Resource: CSS Fonts
Challenge: Integrate Google Fonts into your project
Optional Challenge: Create a typographic hierarchy for your personal project
Section 20: CSS positioning
Resource: CSS Positioning
Challenge: Create a navigation bar using JSFiddle
Optional Challenge: Experiment with different positioning techniques (fixed, sticky)
Section 21: Quiz on CSS basics
Quiz: Use Kahoot! to create an interactive quiz on CSS
Optional Challenge: Create a study group to quiz each other on CSS concepts
Module 4: Advanced CSS
Section 22: CSS Flexbox
Resource: CSS Flexbox Guide
Challenge: Build a responsive layout using Flexbox on CodePen
Optional Challenge: Create a Flexbox-based card grid
Section 23: CSS Grid
Resource: CSS Grid Layout
Challenge: Create a photo gallery using CSS Grid on Glitch
Optional Challenge: Build a complex layout using both Grid and Flexbox
Section 24: Responsive design
Resource: Responsive Web Design Basics
Challenge: Implement media queries in your project
Optional Challenge: Design a mobile-first version of your webpage
Section 25: CSS transitions and animations
Resource: CSS Transitions
Challenge: Add simple animations to elements on your page
Optional Challenge: Create a button that animates on hover
Section 26: Review and practice
Activity: Work on CSS styling for your personal project
Optional Challenge: Collaborate with a peer to swap and review each other’s styles
Section 27: Project work day
Task: Finalize the styling of your project
Optional Challenge: Create a style guide for your project
Section 28: Share CSS projects and get feedback
Activity: Present your project and get peer feedback using Google Slides
Optional Challenge: Document your learning process in a blog post
Module 5: Introduction to JavaScript
Section 29: What is JavaScript?
Resource: JavaScript Introduction
Challenge: Write a simple JavaScript program using JSFiddle
Optional Challenge: Create a simple JavaScript game (e.g., guessing game)
Section 30: Variables and data types
Resource: JavaScript Variables
Challenge: Solve problems on Codewars
Optional Challenge: Create a variable quiz using prompt()
Section 31: Operators
Resource: JavaScript Operators
Challenge: Create a calculator using JavaScript on Glitch
Optional Challenge: Build a simple math quiz game
Section 32: Conditionals
Resource: JavaScript If...Else
Challenge: Create a simple game using conditionals (e.g., Rock-Paper-Scissors)
Optional Challenge: Create a weather app that changes styles based on temperature input
Section 33: Loops
Resource: JavaScript Loops
Challenge: Complete exercises on freeCodeCamp
Optional Challenge: Create a number guessing game that uses loops
Section 34: Functions
Resource: JavaScript Functions
Challenge: Create a function that generates random quotes
Optional Challenge: Refactor previous code to use functions effectively
Section 35: Quiz on JavaScript basics
Quiz: Use Quizizz for an interactive quiz
Optional Challenge: Create a peer quiz using Kahoot!
Module 6: Advanced JavaScript
Section 36: DOM manipulation
Resource: JavaScript DOM
Challenge: Build a to-do list app using DOM manipulation on CodePen
Optional Challenge: Create a dynamic image slider using JavaScript
Section 37: Event handling
Resource: JavaScript Events
Challenge: Create an interactive form with validation
Optional Challenge: Implement a dropdown menu that reveals hidden content
Section 38: Forms and validation
Resource: JavaScript Form Validation
Challenge: Use Form Validation examples
Optional Challenge: Create a multi-step form with validation for each step
Section 39: Arrays and objects
Resource: JavaScript Arrays and JavaScript Objects
Challenge: Create an array of objects representing your favorite books
Optional Challenge: Build a contact management system using arrays and objects
Section 40: Review and practice
Activity: Implement JavaScript in your project on CodePen
Optional Challenge: Create a JavaScript trivia quiz that tracks scores
Section 41: Project work day
Task: Add JavaScript functionalities to your project
Optional Challenge: Collaborate with a peer to enhance each other’s projects
© Copyright 2024.. All Rights Reserved.