Front End Development Spring 2023

Link to Final Project

Class Date Day Topic Assignment
Class 1 Apr 25 Tues Class intro, what is programming, website file structure, and getting setup to code
Class 2 Apr 27 Thurs HTML Hello World, elements, and FTP setup
Class 3 May 2 Tues HTML attributes, headings, and text Example
Class 4 May 4 Thurs Coding Session: Playing with Text Assignment
Class 5 May 9 Tues HTML images, links, and tables Example
Class 6 May 11 Thurs Coding Session: Adding a table with links and images to your index and rabbit game Assignment
Class 7 May 16 Tues Intro to CSS Examples
Class 8 May 18 Thurs Coding Session: Styling your first website Assignment
Class 9 May 23 Tues DIVs, CSS IDS, Classes, and Positioning
Class 10 May 25 Thurs Coding Session: Advanced Styling your website See lesson slides & example menu page
Class 11 May 30 Tues Advanced CSS Styling Example
Class 12 Jun 1 Thurs Coding Session Assignment
Class 13 Jun 6 Tues No Class
Class 14 Jun 8 Thurs Creating a responsive web page based on device type Not Responsive
Responsive
Class 15 Jun 13 Tues Javascript Hello World, Alert, and HTML buttons Example
Class 16 Jun 15 Thurs Coding Session Assignment
Class 17 Jun 20 Tues Javascript variables, data types, and innerHTML Example
Class 18 Jun 22 Thurs Coding Session Coding Challenge
Class 19 Jun 27 Tues No Class
Class 20 Jun 29 Thurs No Class
Class 21 Jul 4 Tues No Class
Class 22 Jul 6 Thurs No Class
Class 23 Jul 11 Tues Javascript operators, arithmetic, and functions Example
Counting Example
Class 24 Jul 13 Thurs Coding Session Assignment
Class 25 Jul 18 Tues HTML inputs Example
Class 26 Jul 20 Thurs Coding Session Assignment
Class 27 Jul 25 Tues Javascript IF statements Example
Form
Class 28 Jul 27 Thurs Coding Session Assignment
Class 29 Aug 1 Tues Creating HTML DIVS and DOMS with javascript Read and complete the exercises in the JS HTML DOM section of W3 Schools
Class 30 Aug 3 Thurs Coding Session
Class 31 Aug 8 Tues Reusing Code with External Files - CSS, JS, and Headers/Footers (with JQuery) Finish externalizing style, function, header, and footers in your temperature converter
Class 32 Aug 10 Thurs Coding Session Create a theme selector in your temperature converter.
See directions here.
Class 33 Aug 15 Tues Javascript local session and storage session Storage Example
Class 34 Aug 17 Thurs Coding Session: Create a login page and site security using storage Create this Login Page and Security
Class 35 Aug 22 Tues Javascript for and while loops Example
Class 36 Aug 24 Thurs Coding Session Change Generator
Class 37 Aug 29 Tues Javascript Arrays Example
Class 38 Aug 31 Thurs Coding Session Coding Assignment
Class 39 Sep 5 Tues Coding Session: Number Guessing Game Validate the range of inputs for your number guessing game.
Class 40 Sep 7 Thurs Coding Session: Number Guessing Game Number Guess Code Challenge
Class 41 Sep 12 Tues Coding Session: Bank Simulator Banking Proof of Concept (POC)
Class 42 Sep 14 Thurs Coding Session: Bank Simulator Modify your banking site to be responsive to a mobile device.
Use this for refresher if needed.
Class 43 Sep 19 Tues HTML Forms and validating user input Example
Class 44 Sep 21 Thurs Coding Session Sorting Hat
Class 45 Sep 26 Tues Event Handlers Example
Class 46 Sep 28 Thurs Coding Session Bubble Pop
Class 47 Oct 3 Tues Final Project Introduction & User design principles, UI and UX
Class 48 Oct 5 Thurs Coding Session: Create a themed set of web pages Coding Assignment
Class 49 Oct 10 Tues APIs Example
Class 50 Oct 12 Thurs Coding Session Coding Assignment
Class 51 Oct 17 Tues No Class
Class 52 Oct 19 Thurs Coding Challenge Fibonacci Sequence
Class 53 Oct 24 Tues React and JQuery - Using on your website Class Example Complete the React Tic-Tac-Toe example
Class 54 Oct 26 Thurs Intro to JQuery - Class Examples Make this page work using JQuery and examples on w3schools
Extra Challenge: Try to make this: Get the Dew! game
Class 55 Oct 31 Tues No Class
Class 56 Nov 2 Thurs Final project working session
Class 57 Nov 7 Tues Final project working session
Class 58 Nov 9 Thurs Final project working session
Class 59 Nov 14 Tues Final project presentations
Class 60 Nov 16 Thurs Finding a job and building a developer portfolio

Pages