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

Learn HTML, CSS and JavaScript and host your work using GitHub pages

Master technical vocabulary

Stand out from the resume stack: Master the skills you need to independently build and modify websites

Meet the team who's here for you

Our educational excellence is a community effort. When you learn at GA, you can always rely on an in-house team of experts to provide guidance and support, whenever you need it.

  • Your Instructor Is An Experienced Professional


    Learn industry-grade frameworks, tools, vocabulary, and best practices from a teacher whose daily work involves using them expertly.

  • Your TAs Are Always Available For Extra Help


    Taking on new material isn't always easy. Through office hours and other channels, our TAs are here to provide you with answers, tips, and more.

  • Your Course Producer Puts Your Success First


    Our alumni love their Course Producers. Yours will be in constant touch to check in one-on-one and keep you motivated throughout the course.

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

Request a detailed syllabus

Get Syllabus
GA was an incredible experience. I am so happy I made the commitment to take this class. I think I will look back at this time as a launching point for new things I want to do professionally and creatively with the web.

Carter Hickingbotham, Pre-Sales Solutions Consultant, Marketo

Students focused on computer

Upcoming in 

Set as default location

Aug 19 – Nov 2


Mon & Wed

6:30pm - 9:30pm

$3,500 USD

Payment plans available

Instructors

Arun Sood
Instructor

Nick Caskey

Nick began his coding journey with General Assembly SF’s Web Development Immersive course July 2014. Upon graduating, he was a teaching assistant for 5 subsequent WDI courses and contracted as a developer for the nonprofit Zero Divide, who helps underserved populations leverage technology. After completing those projects, Nick was hired in February 2014 as a software engineer for Accenture Technology consulting group, specializing in functional software testing.


Apply Now

Sep 21 – Dec 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

Oct 28 – Jan 25


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

Nov 17 – Feb 9


Tue & Thu

6:30pm - 9:30pm

$3,500 USD

Payment plans available

Instructor info will be announced soon

Apply now to reserve your spot.


Apply Now

Nov 30 – Feb 24


Mon & Wed

6:30pm - 9:30pm

$3,500 USD

Payment plans available

Instructor

Noah Appel
Software Engineer and Founding Team Member, bop.fm

Noah Appel is a musician turned engineer, who is now combining his 2 passions at a music tech start up called bop.fm. After graduating from Berklee College of Music, and after spending 5 years on the road with his mask-wearing, gypsy-rock band, Noah entered the tech start up world in Boston. Working as a front-end developer, Noah became enthralled with the way in which he could use JavaScript to build rich user experiences, and began soaking up any new web technology he could get his hands on. After moving to San Francisco in 2014, Noah joined the founding team of bop.fm, a music streaming service aggregator, to build out the experience layer of the web application. Using languages like HTML, CSS, JavaScript, and Ruby on Rails, Noah rebuilt and maintains the current web applications which are being served to millions of visitors everyday. Noah first got involved with General Assembly when he took the BEWD class in Boston. Since then, he’s been wanting to stay involved with GA, and decided that there’s no better way than to share his experiences and knowledge with the GA community.


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.

Join an info session

We’re holding an info session on Monday, August 3 at 6:30pm PDT

  • 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-SF (225 Bush)

225 Bush Street, 5th Floor (East Entrance)
San Francisco , CA 94104

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.

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, August 12 at 6:30pm PDT

  • 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-SF (225 Bush)

225 Bush Street, 5th Floor (East Entrance)
San Francisco , CA 94104

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.

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, September 2 at 6:30pm PDT

  • 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-SF (225 Bush)

225 Bush Street, 5th Floor (East Entrance)
San Francisco , CA 94104

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.

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?

Building websites using HTML, CSS and JavaScript is an essential 21st-century skill. Virtually every industry, from design to journalism to marketing, now requires professionals to work closely with technical teams. The skills you learn in this class will allow you to make edits and updates to your website and communicate more effectively with technical stakeholders, giving you a competitive advantage.

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

This course is designed to teach students how to translate their ideas into functional, stylized websites for personal or business purposes. You'll learn how to design and build a site that leverages the principles of user-centric design and will master the technical vocabulary required to communicate your 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

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.

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.

Join our community and receive 50% off an introductory workshop up to $100.

Never Stop Learning

Join our community and receive half off any of our offerings priced below $100. (First-time subscribers only; excludes full-time courses, part-time courses, and Circuits).

Clear some room in your inbox!

We aim to be relevant. To start us off right, tell us a little more about yourself.