Discover Classes. Earn 10% Rewards.

Front-End Web Development (Online)

  • All levels
  • 18 and older
  • $3,950
  • Earn 10% Rewards
  • Price Lock
  • 360 E 2nd St, Los Angeles, CA
  • 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/person
  • 60 hours over 20 sessions
  • A computer will not be provided.
    No class on May 25.

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.

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)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Similar Classes

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 Los Angeles educator.

General Assembly

General Assembly

All classes at this location

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...