Discover Classes. Earn Rewards.

Front-End Web Development

  • All levels
  • 18 and older
  • $3,950
  • Online Class Livestream, Chicago, IL
  • 60 hours over 20 sessions

Get More Information

Fill out this form and the course provider will contact you with more information about this course.

  • $3,950
  • GA Chicago (Remote Online) @ Online Class Livestream, Chicago, IL 00000
  • 60 hours over 20 sessions

By submitting this form, I consent to CourseHorse providing the information in this form with the course provider which may contact me via email, phone or text.

Class Description

Description

What you'll learn in this web development course:

This is a 10-week part-time course.

In this 10-week course, students learn to code, speak the language and implement their own designs by learning HTML, CSS, and JavaScript.

Skills & Tools: Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert.

Production Standard: Build a fully responsive, interactive website that stands apart from the usual templates.

The Big Picture: Understand how a skillful mix of programming and layout powers the web we see—and how teams collaborate to create it.

What You'll Learn:

Unit 1: The Basics

HTML Basics
  • Apply HTML tags: <head>, <link>, <script>, <style>, <meta> to web pages
  • Apply tags to HTML documents to effectively section content
  • Differentiate between the various image file types
  • Predict image paths and apply relative paths to img src tags
  • Describe how the Internet delivers web pages to the browser
CSS Basics 
  • Apply and explain the CSS “cascade” including: importance, specificity and inheritance 
  • Differentiate between basic web color principles: RGB, RGBA, hexadecimal color and HSL 
  • Experiment with CSS properties and values to change the styling of a page
Advanced CSS 
  • Define CSS Box Model, and demonstrate the ability to properly manipulate the "box" around tags 
  • Differentiate between classes vs IDs and apply best practices when implementing 
  • Select nested elements to apply styling
Page Layout 
  • Draw the DOM Tree for  web pages containing sections <div> , <section>
  • Apply header, footer, sidebar, and multi-column layouts to develop a web page 
  • Experiment and predict effects of floats and clearing CSS positioning 
  • Describe the use of Normalize and reset.css files
HTML/CSS Lab 
  • Practice web development by transforming a design comp into an HTML and CSS web page
Introduction To Programming 
  • Practice programmatic thinking by writing pseudo code to solve a basic problem 
  • Define web site behavior and the practical uses of JavaScript 
  • Predict DOM output / changes by reading JS code
JavaScript Basics (Variables, Conditionals) 
  • Define variables and identify best cases to use them 
  • Differentiate between strings, integers and floats 
  • Apply conditionals to change the programs control flow 
  • Describe arguments as they relate to functions 
  • Apply the JS click function
JavaScript Functions 
  • Describe arguments as they relate to functions 
  • Predict values returned by a given function 
  • Differentiate between named and anonymous functions
Intro To jQuery 
  • Utilize jQuery tree traversal techniques to access and manipulate DOM elements 
  • Utilize jQuery Docs to apply functions
Arrays and Traversing The DOM 
  • Apply JS and jQuery knowledge to program a carousel 
  • Define arrays and collections 
  • Practice using indexes to access array elements
Unit 2: Building In Concert

Lab Session 
  • Apply programming skills to plan and build a full website with HTML/CSS and JS
Review and Refactor 
  • Apply switch blocks as a replacement for if/else if/else 
  • Describe the concept of "this" as it applies within jQuery anonymous functions 
  • Define refactoring and describe why it is important 
  • Learn the basics of CSS/JS refactoring and be able to apply these concepts to their own code 
  • Differentiate ways to debug code and how to apply the concepts to their own code
Responsive Web Design 
  • Articulate that responsive design is more design than code 
  • Know the difference between fixed and responsive layouts and understand the difference between fluid and elastic layouts 
  • Apply media queries to web sites to achieve a responsive layout 
  • Implement media queries to change layout on mobile devices
Web Forms 
  • Understand what the form tag is used for and what the method, action, and enctype attributes are used for 
  • Be able to differentiate the different types of inputs and why/where we would use each 
  • Understand how to group elements by name 
  • Be able to perform pseudo-styling of input elements that the browser won't let us directly style
Special Topic 
  • Instructor and student choice
School Notes:
For students enrolling in 12 week part time and immersive classes, it is not recommended that you book more than one class simultaneously.

Refund Policy

If you can't make it to a class/workshop, please email us at [email protected] at least 7 days before the scheduled event date. No refunds will be given after this timeframe.


In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at General Assembly (2,637)

Similar Classes

Questions & Answers (1)

Get quick answers from CourseHorse and past students.

Question from anonymous
I wish this class was offered on a Monday, I work Tuesdays. Will have to look elsewhere.
Answer from anonymous
Hi there! As of this time, we only have Tuesday schedule for this particular class. You can save the class to your wishlist so you're automatically notified via e-mail the next time we add dates. You may also browse similar classes we have here on our website. Thanks!
Answer Show answer
Cancel

General Assembly

At General Assembly you get the tech skills, career advice and networking opportunities needed to be job ready for a career in coding or data or ux design, in as little as three months, with little or no previous experience.

Since 2011 General Assembly has graduated more than 40,000 students...

Read more about General Assembly

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified Chicago educator.

General Assembly

General Assembly

All classes at this location

1) Download Zoom, our video conferencing appZoom Desktop is the video conferencing tool we will use. It works a lot like Google Hangouts or Skype. You will need to create an account in order to join the call. 

2) Sign-in to Slack and create an account. Slack is a written chat tool that your instructor may use to post photos, links, resources, polls, and threads. It also gives you and your classmates an opportunity to ask questions and collaborate!
- Download the Slack desktop app for ease of use
- Join the GA Chicago Workshop’ workspace

Google Map

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...