Front End Development Winter 2024

Class Date Day Topic Assignment
Class 1 8-Feb Thurs Class intro, getting setup to code, HTML Hello World
Class 2 13-Feb Tues HTML elements, attributes, headings, and text Example
Class 3 15-Feb Thurs Coding Session: Fun with Text Coding Practice Assignment
Class 4 20-Feb Tues HTML images, links, and tables Example
Class 5 22-Feb Thurs Coding Session: Adding a table with links and images to your index and rabbit game Assignment
Class 6 27-Feb Tues Intro to CSS See class slides
Class 7 29-Feb Thurs Coding Session: Styling your first website Intro to CSS Challenge
Class 8 20-Feb Tues DIVs, CSS IDS, Classes, and Positioning Class Example Page
Class 9 7-Mar Thurs Code Together: Review Positioning, Make a menu page Finish your menu page.
Add style to your menu buttons for different button states.
Class 10 12-Mar Tues Advanced CSS Styling Example
Class 11 14-Mar Thurs Coding Session: Advanced Styling your website Assignment
Class 12 19-Mar Tues Javascript Hello World, Alert, and HTML buttons Example
Class 13 21-Mar Thurs Coding Session Assignment
Class 14 26-Mar Tues Javascript variables, data types, and innerHTML Example
For extra info please see this Javascript Tutorial
Class 15 28-Mar Thurs Coding Session Coding Challenge
Class 16 2-Apr Tues Javascript arithmetic operators, and functions Class Example
Class 17 4-Apr Thurs Coding Session Challenge
Class 18 9-Apr Tues HTML inputs Class Examples
Try these function exercises!
Class 19 11-Apr Thurs Coding Session Coding Challenge
Class 20 16-Apr Tues Javascript IF statements Example
Class 21 18-Apr Thurs Coding Session Assignment
Class 22 23-Apr Tues Creating HTML DIVS and DOMS with javascript Example
Class 23 25-Apr Thurs Coding Session Assignment
Class 24 30-Apr Tues Reusing Code with External Files - CSS, JS, and Headers/Footers (with JQuery) Example
Class 25 2-May Thurs Coding Session Assignment
Class 26 7-May Tues Creating a responsive web page A page that is NOT responsive
Now it is a responsivepage
Class 27 9-May Thurs Coding Session Class Schedule Page Challenge
Class 28 14-May Tues Javascript local session and storage session Example
Login Page
Class 29 16-May Thurs Coding Session: Bug Smasher Assignment
Extra Credit
Class 30 21-May Tues Javascript for and while loops Read the following:
Arrays
For Loops
While Loops
Class 31 23-May Thurs Coding Session Loops Challenge
Class 32 28-May Tues Javascript Arrays - Class Work Read starting here the following sections:
  • JS Arrays
  • JS Array Methods
  • JS Array Search
  • JS Array Sort
  • JS Array Iteration
  • JS Array Const
Class 33 30-May Thurs Coding Session Coding Challenge
Class 34 4-Jun Tues Code a Number Guessing Game Assignment
Class 35 6-Jun Thurs Coding Session Finish the number guessing game
Class 36 11-Jun Tues CSS Flex/Grid and Using CSS libraries Example
Class 37 13-Jun Thurs Coding Session Assignment
Class 38 18-Jun Tues Coding Session: Registration Page - Forms and validating user input Example
Class 39 20-Jun Thurs Coding Session: Registration Page Assignment
Class 40 25-Jun Tues Coding Session: Bank Simulator Example
Class 41 27-Jun Thurs Coding Session: Bank Simulator Assignment
Class 42 2-Jul Tues No Class
Class 43 4-Jul Thurs No Class
Class 44 9-Jul Tues No Class
Class 45 11-Jul Thurs No Class
Class 46 16-Jul Tues Event Handlers Event Handler Examples
--Read this: Event Types
--Add a random color to the input box background each time the keydown event is fired.
Class 47 18-Jul Thurs Coding Session Bubble Pop Challenge
Class 48 23-Jul Tues Final Project Introduction & User design principles, UI and UX
Class 49 25-Jul Thurs No Class
Class 50 30-Jul Tues APIs Example
Class 51 1-Aug Thurs Coding Session Assignment
Class 52 6-Aug Tues Intro to React Tutorial
Class 53 8-Aug Thurs React Native Intro Tutorial
The Basics
UI & Interactions
Class 54 13-Aug Tues Intro to JQuery Class Example
Read through the JQuery W3Schools Pages and take the Quiz
Class 55 15-Aug Thurs Coding Session Make this page work using JQuery and examples on w3schools
Extra Challenge: Try to make this: Get the Dew! game
Class 56 20-Aug Tues Final project working session
Class 57 22-Aug Thurs Final project working session
Class 58 27-Aug Tues Final project working session
Class 59 29-Aug Thurs Final project presentations
Class 60 3-Sep Tues Finding a job and building a developer portfolio

Pages