Overview

Front-end fundamentals over a more flexible timeline

During our 60-hour program over the course of nights and weekends, students learn the pillars of front-end development: HTML, CSS, and JavaScript.

Advance Your Skills

Our intro course is perfect for those looking to keep pace with the growing demand for job skills in coding. Learn web development fundamentals to bring your career to the next level.

See Your Ideas Come to Life

Whether your goal is to perfect your CMS, build your own site, or code for fun — our 60-hour front end web development course will insure you don’t only speak code, but possess the insight to create it on your own.

Part-Time Flexibility, Full-Time Rigor

Our three-hour classes meet twice a week in our Financial District campus in Manhattan and is designed for those on the move. Benefit from a robust curriculum without the commitment of a full-time course.

svg-javascript-iconCreated with Sketch.

Exceptional Community

Our students are surrounded by instructors and colleagues who support, challenge, and energize them. They push each other to do more, think bigger, and go further than they ever could on their own.

Who is this course for?

Who is this course for?

All modern websites utilize HTML (the structures that support the web) and CSS (the language that makes the web look beautiful) as part of their site structure. We also introduce you to JavaScript, the programming language of the web. If you have any interest in editing, enhancing, or uploading information on the world wide web, this course will teach you how to do it.

Individuals or roles that will benefit from the course are:

  • Marketers, Designers, Product Managers, or anyone else looking to enhance or gain a new skill set
  • Business owners looking to optimize their CMS or build their own website
  • Individuals looking to better communicate with technical teams
  • Writers or Freelancers looking to control how their content is displayed
  • Anyone interested in learning the fundamentals of coding whether for pleasure or towards a career in full-stack web development
Curriculum

Start coding in less than three months

Over 10 weeks, students will meet part-time, twice a week to learn how to code in HTML, CSS, and JavaScript; industry-standard tools and services necessary to build responsive websites.

Additionally, students will create two portfolio projects that will demonstrate technical proficiencies gained in the course.

Students considering or already exploring JavaScript programming will find this course to be a launching point to a career in full-stack web development or may adapt these critical skills to either iPhone or Android development.

Week

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

Orientation & Week 1: Command Line, Git, Intro HTML

Students begin the course by working in command-line environment (CLI), saving revisions of work in git, learning how to apply HTML tags, and authoring  valid markup.

Week 2: Forms, Input Fields, Basic Styling

Week 2 expands on how to use HTML tags in order to create input fields with forms, pulling data from other sites via IFrame (Inline Frame), and embedding media. Students will also learn how separation of content from presentation, element targeting for CSS, and basic styling.

Week 3: Advanced Layouts, Flexbox, CSS Grid

Having learned to style basic pages in Week 2, students will learn advanced styles of layout, including how to serve content on multiple devices using media queries such as “flexbox” and “CSS grid.”

Week 4: Project 1

Week 4 serves as a chance to review what we’ve learned to this point and to complete the first portfolio project: a hosted site with a responsive presentation based on screen size (i.e. mobile device, tablet, or computer).

Week 5: JavaScript, DOM

Week 5 will introduce students to JavaScript and the DOM (Document-Object Model). Students will also be introduced to basic programming idioms of JavaScript: variable declaration / assignment, conditional logic, loops, if-statements, and functional declaration / invocation.

Week 6: JavaScript, DOM

Week 6 focuses on using JavaScript as a general problem-solving language. Students will write code to manipulate composite data types and utilize their DOM knowledge to display it.

Week 7: Eventing

Students will begin building an end-user-ready experience by learning “eventing” and how to bind behavior (defined and programmed in JavaScript) to HTML elements learned in the first four weeks.

Week 8: AJAX, Third Parties

Students will use JavaScript to fetch data from third parties to create “seamless” experiences; (“AJAX”) is presented here. Students will briefly touch on the problems around JavaScript’s asynchronous execution, fetch data from a third party, and add it to their canvas.

Week 9: Begin Project 2

In week 9, students integrate all the material learned in the first 8 weeks to begin developing their final project: an invitation preview website. Students will create a well-structured and styled HTML page powered by JavaScript.

Week 10: Finish Project 2

In the final week of the course, students finish building their second project, which is viewable on GitHub along with the work they completed on their first project.

At the end of the program, students will understand how to put these languages into practice:

  • The fundamentals of how websites are built
  • The differences between what HTML, CSS, and JavaScript do and how you use them
  • How to work, edit, and commit and collaborate with git / GitHub
  • How to deploy a locally-developed HTML site to a production server
  • Familiarity with advanced web page layout techniques (flexbox, grids, responsive layout)
  • A basic understanding of how JavaScript provides interactivity within web pages
  • How to integrate fetched API data using the AJAX pattern

When I applied to Flatiron, I had only a cursory understanding of programming. I’d taken a few comp sci courses, sure, but it rarely stuck. Learning at Flatiron, though, was unlike anything I’d experienced before. From what the founders told us, the program was always meant to disrupt education. And they got it right.

nothing

Harrison L via Course Report

Project Portfolios

Build your coding portfolio

Students graduate class with an impressive portfolio on their GitHub page. They don’t only graduate with a proficiency in front-facing code, but with front-facing proof of their abilities.

Share your work

GitHub is the modern software engineer’s resume. Students push every line of code they write at Flatiron School to GitHub through our proprietary platform, Learn.co, giving them an extensive profile to show employers, co-workers, and fellow engineers.

Gain experience

Basic Responsive Website

A responsive HTML+CSS site that leverages the latest CSS styling techniques

Invitation Preview Website

Will build on an HTML+CSS site that uses form inputs to create an invitation preview (mimicking an invitation preview app)

Our instructors
Instructors

Our instructors

Knowing how to code doesn’t mean you know how to teach. With experience in the field and the classroom, our Front End Web Development instructors are unparalleled. Simply put: students learn from the best. Below are just a few examples of the great teachers at Flatiron School.

The Flatiron School Experience

Part-Time Flexibility, Full-Time Rigor

Flatiron School has helped over 1,000 students get jobs as software engineers through our rigorous coursework and portfolio projects. For our Intro to Front End Web Development course we’ve applied the same curriculum discipline, but made it accessible for part-time students.

svg-javascript-iconCreated with Sketch.

Real-Time Feedback

Our class sizes are capped at 24 students with two teachers assigned to insure students get the attention they need to maximize time while learning.

Real Tools

You can’t learn real skills without real tools. Students work in our Learn.co environment, the proprietary learning platform all Flatiron School students use to practice coding, which enables students to work with a git-based workflow.

svg-group-intructor-support-small-iconCreated with Sketch.

Ask A Question

Confused? Our Ask a Question button within Learn.co allows students to crowdsource support from the entire student community. Even when not in class, you have support to find the answer you need.

Rigorous education at an accessible tuition
Tuition & Logistics

Rigorous education at an accessible tuition

Tuition Fee
$
3,500
See new Growth Scholarship details
Growth Scholarship
$
1,495
Introducing the Growth Scholarship

For a limited time - students who enroll in the June and July cohort dates are eligible to apply for our Growth Scholarship, which reduces the cost of tuition by over 50%. Eligibility granted to students who apply for the first 15 spots available in each cohort. To be considered, complete your application today and mark “yes” on the Growth Scholarship submission.

Program Logistics

  • 60 hours of teacher instruction
  • Part-time, 10-week course // 2 evening classes per week // 3 hours per class
  • $250 deposit required to secure class spot; remaining balance due one week prior to class start
Admissions

Start learning how to code

We don’t just admit individual students to our program; we curate a community, cultivating a diversity of thought and experience. A lawyer, journalist, and pro-athlete will do more interesting things together than three of any one background.

svg-job-guarantee-iconCreated with Sketch.

1. Apply

Submit a written application. Tell us about yourself and why you want to join our community.

svg-dynamic-instructor-support-iconCreated with Sketch.

2. Admissions Review

An Admissions Advisor will review your application and reach out with any questions and/or upon your acceptance to the course.

svg-self-paced-iconCreated with Sketch.

3. Confirm Enrollment

Expect to receive a response from our Admissions Team within 48 business hours after completing your application with instructions on how to complete enrollment in the course.

Program Dates

Note: The June 11 and August 6 classes will meet on Mondays and Wednesdays, while the July 10 class start will meet on Tuesdays and Thursdays. All classes are held from 6-9pm local time.
FAQ

You have questions; we have answers

  • What makes front-end web development different than back-end or full-stack web development?

    Front end is is everything that you experience when you visit different websites.  It’s how the pages are designed and look – the images, the colors, the order of things, the layout.  It can also be the level of interactivity that a site has: prompting users to fix errors, pulling data from the latest weather report in a beach rental site, etc.

    The back end is most often focused on preparing the data that will be presented on the front end. In the case of a beach rental site, the back end would have the responsibility for finding all the rentals that are in a certain location and available between certain dates. It does this by working with database queries and server-resident code (e.g. Ruby, Python, Java, C++).

    “Full stack development” covers “a little bit of both.” A full stack-developer knows how to write a solid database query (back-end) and how to bundle the response for use by a JavaScript framework (front-end). While a front-end developer might not know advanced or extremely complex database queries, they’re in a good spot to “stretch” to handle additional requests. Similarly a full-stack web developer might now know every aspect of CSS, but again they are in a good spot to “stretch” to handle where they fall short. As full-stack developers grow in experience, the amount of skill they have in both front- and back-end development grows.

  • Where are the Intro to Front End Web Development classes held?

    Our London web development course will be held at our new London campus at 131 Finsbury Pavement, London EC2A 1NT, while our DC web development course will be located at our Washington DC campus at 1440 G St NW. In time, we hope to expand this course offering to more Flatiron School locations – both in the U.S. and abroad.

  • What programs, applications, or computer software do I need in order to take this course?

    Students are encouraged to sign-up for a Learn.co account before their first class – Learn.co is the proprietary learning platform all Flatiron School students use to practice coding. Additionally, students should plan to bring a personalized laptop (Mac or PC) for use during the course. Tablet devices, such as iPads, are not suitable.

  • Are there any prerequisites in order to enroll in this course?

    Students are expected to have a general knowledge of computers, opening internet browsers, saving files, etc.