Skip to content

HTML, JavaScript, CSS

Jump to bottom
dylankolson edited this page May 19, 2016 · 6 revisions

ACES Learn to Code

HTML, JavaScript, CSS

Details

This Learn to Code session is geared toward those that want to learn software development but do not know where to start. At the end of this session you will:

  1. Learn the basics HTML objects
  2. Learn the basic features of JavaScript and Jquery
  3. Learn the basics of CSS

Steps to be complete prior to training

  1. Review - HTML CheatSheet - http://www.simplehtmlguide.com/cheatsheet.php
  2. Review JavaScript CheatSheet - https://www.cheatography.com/davechild/cheat-sheets/javascript/
  3. Review CSS CheatSheet - http://www.simplehtmlguide.com/csscheatsheet.php
  4. Download a text/HTML editor

Training

  1. Create a new file index.html page
  2. Add the standard HTML template to the file <html><head><title>ACES Learn To Code...</title></head><body>ACES Learn To Code</body></html>
  3. Save the index.html file and open it in a web browser

Plan

  • Create a product page for T-shirts
    • Title
    • Image
    • Product Description
    • Product Specs Table
    • Form
      • Choose Color
      • Size
      • Quantity
      • Order Button
    • Product Review Section
    • Display the user’s selection in an alert box
    • Style the page using CSS

Steps

Once you download the starter files, the link below has steps to complete this project.

https://docs.google.com/document/d/17ht0wSV6R1pRzBQk0oovXkChMx3vOVqWRmUon-NTezI/edit?usp=sharing

Extra Credit

Write a program that prints the numbers from 1 to 100. But for multiples of three print "Fizz" instead of the number and for the multiples of five print "Buzz". For numbers that are multiples of both three and five print "FizzBuzz".

ACES Learn to Code

Other Tutorials

Conferences

Training

Clone this wiki locally