Front-End
Web Development

10-Week Technology Course

Apply Now Request Syllabus

Learn Core Skills

Design and code beautiful websites

Design and code beautiful, interactive client-facing websites

HTML, CSS, and JavaScript websites

Program websites in HTML, CSS and JavaScript

Master technical vocabulary

Master the technical vocabulary to communicate your ideas to your teammates and other stakeholders

These days, code literacy is an essential skill. You'll learn how to think like a programmer, how to build your first website and so much more..

Emerson Taymor
Managing Director, Co-Founder philosophie Inc

Emerson Taymor

Embrace The Details

Unit 1: The Basics

HTML Basics

  • Apply HTML tags: <head>, <link>, <script>, <style>, <meta> to web pages
  • Apply tags to HTML document to effectively section content
  • Differentiate between the various image file types
  • Predict image path and apply relative paths to img src tags
  • Discuss how the Internet delivers web pages to the browser

CSS Basics

  • Apply and explain CSS “cascade” including: importance, specificity and inheritance
  • Differentiate between basic web color principles: RGB, RGBA, hexadecimal color, HSL
  • Experiment with CSS properties and values to change 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
What really sets General Assembly apart is the support they offer students beyond the classroom.

Giselle Abinader, Web Developer / Designer, American Express OPEN

Students focused on computer

Upcoming in 

Apr 25 – Jun 27


Sat

10am - 5pm

$3,500 USD

Payment plans available

Instructor

Nick Grace
Front-End Development Manager, JBS International, Inc

Nick Grace is Front-end Development Manager at JBS International where he oversees a team of Web designers, front-end developers, and User Experience specialists that design and build enterprise-sized sites for the Federal government. He has 18 years of experience in front-end development, going back to 1996 when he hacked together his first sites using Notepad and Netscape Composer. He pivoted to Drupal in 2009 and has been involved in the architecture, site building, and theming for nearly 30 Drupal sites. He has certifications in Web analytics and Google Analytics, and has presented at a handful Drupal and Web development conferences. Prior to joining JBS International in 2005, he worked for Pangeum Interactive, a digital agency that designed and developed sites for AmericaOnline, Discovery Channel, National Geographic, The Learning Channel, and the Voice of America.


Apply Now

May 19 – Jul 23


Tue & Thu

6:30pm - 9:30pm

$3,500 USD

Payment plans available

Instructor

Nathan Hessler
Software Engineer, CustomInk

In the last five years at Customink Nathan has served in several ways moving from Software Engineer to Technical Lead at Customink. A jack of all trades, he’s helped with Infrastructure changes, built out ruby on rails web applications and delved into client side javascript applications. Currently, he helps on-board new developers joining the team where he is affectionately known as 'The Profhessler’.


Apply Now

Jun 29 – Sep 2


Mon & Wed

6:30pm - 9:30pm

$3,500 USD

Payment plans available

Instructor info will be announced soon

Apply now to reserve your spot.


Apply Now

Fund Your Future

Need payment assistance? Our financing options allow you to focus on your goals instead of the barriers that keep you from reaching them.

¹Must be a US citizen; approval pending state of residency.

Financing options differ in each market. Contact a local admissions officer for more info.

We’re holding an info session on Thursday, April 23 at 6:30pm

  • Meet the GA team and potential classmates
  • Get an overview of the curriculum and course objectives
  • Get your questions answered about the course and GA
  • Discover the perks of being a student at GA

GA Washington D.C. (1776 8th Floor)

1133 15th Street NW, 8th Floor
Washington , DC 20005

You’re on the list!

Keep an eye on your inbox for your ticket and we’ll see you at the event.

We’re holding an info session on Wednesday, May 6 at 6:30pm

  • Meet the GA team and potential classmates
  • Get an overview of the curriculum and course objectives
  • Get your questions answered about the course and GA
  • Discover the perks of being a student at GA

GA Washington D.C. (1776 8th Floor)

1133 15th Street NW, 8th Floor
Washington , DC 20005

You’re on the list!

Keep an eye on your inbox for your ticket and we’ll see you at the event.

Get Answers

We love questions, almost as much as we love providing answers. Here are a few samplings of what we’re typically asked, along with our responses:

Q: Why is this course relevant today?

Gaining experience with HTML/CSS and JavaScript is an essential 21st century skill. Most products and companies have a digital component to them, and more professionals work closely with technical teams. Designers and journalists, just to name a few types of professionals, can gain a competitive edge by learning web development skills. Use it to bring your ideas online to the digital space, make edits and updates to your own website, and communicate more effectively with technical stakeholders.

Q: What practical skill sets can I expect to have upon completion of the course?

This course is designed to teach students how to quickly translate their ideas into functional, stylized websites for personal or business purposes. This course enables students to create a site with the user in mind, become more innovative in their current job role, and master the technical vocabulary to communicate ideas to others.

Q: Who will I be sitting next to in this course?

This is a beginner level course, and therefore a wide range of people sign up. In the past we’ve had:

  • Designers
  • Bloggers
  • Entrepreneurs
  • Project Managers
  • Students

Q: Will there be any pre-work?

Yes. Very light. Just download a browser and text editor.

Q: Should I come equipped with anything?

Yes. A laptop (Mac preferred but PC is okay).

View all FAQs

Ask Admissions

Call us at +1 (877) 348-5665
or email us.

Dig Deeper Into The Curriculum

Your syllabus is on its way.

Meanwhile, we’d love to know a little more about you.

Thank you!

We have sent you a copy of our course syllabus to your email. Click here to view the document now.

If you have any other questions about the course, please call us at +1 (877) 348-5665 or email admissions.

Speak with admissions about your options.

Thanks!

Our admissions team will be in touch soon.

Let’s keep you updated.

On Notice.

We’ll be reaching out once a new session is scheduled in your city.