Intro to Front-end Web Development Course in NYC

In this web development class, you’ll learn how to develop websites with HTML and CSS.

Learn best practices for structuring the content of your webpages with HTML, and then styling the content with CSS.

Using HTML, you’ll create webpages with text, images, lists, videos, and more. With CSS, you’ll style the content and make the page responsive, so it adapts to various screen sizes. By the end of the course, you'll learn how to deploy your sites via FTP.

We provide you with the content so you can focus on the coding. In this course, you’ll get hands-on experience programming websites from scratch, from the first line of code all the way to deployment.

18 Hours
$975

Policies

NYC or Live Online
Free retake
Expert instructors
Small classes

Dates & times are listed in

January 6–8

Monday to Wednesday 10–5pm

Enroll
January 7–9

Tuesday to Thursday 10–5pm

Enroll
January 7–23

Tuesdays & Thursdays 6–9pm

Enroll

Tuition

As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.

Full Tuition

$975
Due before the class starts

What’s Included

18 hours of hands-on instruction
Live, project-based training from experts
Proprietary workbook included
Retake for free within 1 year
Verified digital certificate of completion
Small class sizes

What’s included with my tuition?

A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice
A certificate of completion to verify your accomplishment

Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.

Do you offer any discounts for this course?

We don’t currently offer discounts as we do our best to affordably prices our courses.

Take this course as part of a certificate program and save:

Front-End Web Development Certificate

Price: $3,495 | Hours: 108 Hours
Web Design with WordPress & PHP Certificate

Price: $5,000 | Hours: 0 hours
Full-Stack Web Development Certificate

Price: $7,995 | Hours: 420 Hours
Software Engineering Certificate

Price: $10,995 | Hours: 510 Hours
HTML Email Certificate

Price: $1,095 | Hours: 24 Hours
Web Design Certificate

Price: $4,995 | Hours: 162 Hours

Learn the Skills Guarantee™

Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.

Hands-on, personalized training

Learn with real-world projects

Several students, sitting at computers, looking at the front of the classroom

Cutting edge curriculum

Step-by-step instruction to boost retention

The Career Centers instructors are highly skilled communicators who really know their craft. They are wonderful about explaining and re-explaining when necessary and I never felt rushed or foolish for asking a question.
—Diane Speros

Learn from industry experts

Gain industry knowledge from professionals

Free retake

Retake the course for free within one year

Interactive Training

Learn in Real-Time with Small Class Sizes

Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects.

Unlike other providers, these are not mass open-enrollment classes. At NYC Career Centers, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.

On Campus in NYC 185 Madison Avenue, NYC

Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.

Live, interactive class
Experienced instructor in the room with you
Computer and software provided

More about our campus

Live Online Remote, from anywhere

Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.

Live, interactive class
Experienced instructor teaching over Zoom
Remote setup assistance provided

More about live online training

photo of instructor leading a class in person

student taking a class live online, seated on their living room floor, leaning against a couch

Earn a Certificate of Completion

Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!

Shareable on

Sample credential for completion of Web Development with HTML & CSS

Free Retake & Class Recordings

Missed a session or need a refresher? We have you covered!

Free Retake

We offer a single free retake of the class within a year.

Class Recordings

You can also access recordings of each session in your student portal within one business day of the session’s end. Recordings are available for one month after the session.

See terms and conditions.

Web Development with HTML & CSS Curriculum

What You’ll Learn at a Glance

Build websites with HTML and CSS
Create multi-page websites with text, images, and more
Upload your files using FTP to deploy your site

Course Syllabus

Download Syllabus PDF

Section 1

Coding Basics: Intro to HTML Syntax

Basic tags: HTML, head, title, & body
Headings, paragraphs, & lists

Tags & Attributes: Strong, Em, Doctype, Lang, & Meta

Strong & em tags
Doctype
Lang attribute
Meta tag & unicode character set

Coding Links: Absolute & Relative URLs

Anchor tags & hrefs
Linking to other websites
Linking to pages within a website
Opening a link in a new browser window/tab

Adding Images

Break tag
Image tag & source attribute
Using width, height, & alt attributes

Section 2

Intro to Cascading Style Sheets (CSS)

Style tag
Tag selectors
Font-size, font-family, color, & line-height properties
Hexadecimal color codes

CSS Class Selectors

Class attribute
CSS class selectors
Span tag
CSS opacity

Browser Developer Tools & Validating HTML

Opening the DevTools in Chrome
Editing HTML in the DevTools Elements panel
Enabling, disabling, & editing CSS in the DevTools
Using DevTools to fine-tune your CSS
Hexadecimal shorthand
Checking for errors: validating your code

Section 3

HTML Semantic Elements & the Document Outline

Using headings to product a good document outline
Header, nav, aside, & footer elements
Articles & sections
Main element
Figure & figcaption elements

Revolution Travel: Page Layout

Organizing content into semantic sections
Adding images
Tagging headings

The Box Model

What is the box model?
Setting width
Adding a hero image
Fluid-width images
Setting a default font for the page
Margin & padding spacing
Centering divs

Coding Links: Images & Page Jumps

Anchor tags & relative URLs
Wrapping links around images
External links (using the target attribute)
Links within a page

Section 4

Styling Links

Styling the anchor tag
The :link, :visited, :hover, :focus, & :active pseudo-classes
Ordering link styles

Styling the Navigation

Semantically correct navigation
Overriding default list styles
CSS navigation styles
Using descendant selectors

Specificity, Shared CSS, & Centering Content

CSS specificity
Overriding other link rules
Moving embedded styles into an external CSS file
Sharing styles across a site
Text-align property

Setting the Viewport Meta Tag

Disabling mobile browser text size adjustment
Viewport meta tag
device-width
initial-scale
maximum-scale

Section 5

Starting a New Site & CSS Background Images

Setting a default font
Removing default page margin
Linking to an external style sheet
CSS background images
background-position
background-repeat
background-size

Adding Custom Fonts (using Google Fonts)

How to use Google Fonts
Safe fallbacks in the font stack
Improving line-height & margin for text legibility

Page Layout: Fine-Tuning with the Box Model

Removing the extra space below an image
Setting a max-width
Outer & inner wrappers
The difference between ID & class selectors

Section 6

Navigation Bar Layout: Intro to Flexbox

Coding & styling semantically correct navigation
Intro to using Flexbox for layout

Hipstirred: Hi-Res Images

Retina or HiDPI graphics (@2x images)
Setting HTML or CSS size to half the image’s native size
Code pixels vs. hardware pixels

Creating Columns: Intro to CSS Grid & Media Queries

Creating a 2-column layout with CSS Grid
Finding an appropriate breakpoint
Using a media query to change the layout at a specific screen size

Frequently Asked Questions

Does this course require any prior knowledge or experience?

Students must be comfortable using a computer. No other prior knowledge is required.

Do you offer payment plans or student financing for this course?

This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.

Can I take this course online (remote learning)?

You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

How does attending “live online” work?

Students can attend this training remotely through screen sharing software (we use Zoom).
Participants can hear the instruction, ask questions, and even share their screen with the instructor.
For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
You will need your own computer and copy of any required software. If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at nyc@careercenters.com

What happens if I need to miss a session?

You have some options:

You can watch a recording of the session. We will provide any course materials.
If you can’t come into the classroom but can still attend remotely, we will provide you with the Zoom login information.
You can use your free retake to make up any missed class time.

Compare Web Development with HTML & CSS to Similar Courses

Select up to two courses and tap Compare selected courses to view a side-by-side comparison of Web Development with HTML & CSS with your selected courses.

Installments
	10% non-refundable deposit
$975.00	Total You Pay

Highly Reviewed by Our Alumni

Schedule & Enrollment: Web Development with HTML & CSS

January 6–8 Monday to Wednesday 10–5pm Enroll

January 7–9 Tuesday to Thursday 10–5pm Enroll

January 7–23 Tuesdays & Thursdays 6–9pm Enroll