Yelp Facebook LinkedIn YouTube Twitter Instagram

Classes available in-person (strict social distancing) or live online with an extended free retake period. See details.

Noble Desktop Noble Desktop
  • Coding
    • Web Development
    • Python
    • FinTech
    • Ruby on Rails
    • Summer Camps Teens
    • iOS Development
    • JavaScript
    • Data Science
    • Web Certificates
    • SQL
    • HTML Email
    • WordPress
    • Machine Learning
    • React
    • All Coding Classes & Bootcamps
  • Design
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Premiere Pro
    • InDesign
    • Illustrator
    • Video & Motion
    • Visual Design
    • UX Design
    • Sketch
    • Adobe XD
    • Photography
    • AutoCAD
    • All Design Classes & Certificates
  • Business
    • Digital Marketing
    • SEO
    • Google Analytics
    • Google Ads
    • Social Media
    • Data Analytics
    • Excel
    • Tableau
    • PowerPoint
    • Financial Modeling
    • Finance
    • Project Management
    • All Business Classes & Certificates
  • Certificates
    • Web & Visual Design
    • Web Design
    • Front-End Web
    • Full-Stack Web
    • Data Science
    • Digital Marketing
    • Visual Design
    • Graphic Design
    • Motion Graphics
    • UX & UI Design
    • Data Analytics
    • FinTech
    • Front End & React
    • Python Developer
  • Corporate
    • Excel
    • SQL
    • Python
    • Data Science
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Video Editing
    • Digital Marketing
    • Data Analytics
    • Adobe
    • Microsoft Office
    • Project Management
  • Compare
  • Schedule
  • Coding
    • Web Development
    • Python
    • FinTech
    • Ruby on Rails
    • Summer Camps Teens
    • iOS Development
    • JavaScript
    • Data Science
    • Web Certificates
    • SQL
    • HTML Email
    • WordPress
    • Machine Learning
    • React
    • All Coding Classes & Bootcamps
  • Design
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Premiere Pro
    • InDesign
    • Illustrator
    • Video & Motion
    • Visual Design
    • UX Design
    • Sketch
    • Adobe XD
    • Photography
    • AutoCAD
    • All Design Classes & Certificates
  • Business
    • Digital Marketing
    • SEO
    • Google Analytics
    • Google Ads
    • Social Media
    • Data Analytics
    • Excel
    • Tableau
    • PowerPoint
    • Financial Modeling
    • Finance
    • Project Management
    • All Business Classes & Certificates
  • Certificates
    • Web & Visual Design
    • Web Design
    • Front-End Web
    • Full-Stack Web
    • Data Science
    • Digital Marketing
    • Visual Design
    • Graphic Design
    • Motion Graphics
    • UX & UI Design
    • Data Analytics
    • FinTech
    • Front End & React
    • Python Developer
  • Corporate Training
    • Excel
    • SQL
    • Python
    • Data Science
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Video Editing
    • Digital Marketing
    • Data Analytics
    • Adobe
    • Microsoft Office
    • Project Management
    • All Corporate Training
More
  • Compare Courses
  • Class Schedule
  • Classes Near Me
  • FAQ
  • Blog
  • Workbooks
  • Free Seminars
  • NextGen Bootcamp
  • Resources
  • Student Testimonials
  • Student Showcase
  • Job Board
  • Evaluation
  • Course Catalog

Learn Web Development

Free Web Development & Coding Resources, Shortcuts, Tutorials, & Guides

Web development can be broken down into Front-end coding versus Back-end coding. Front-end code works in a web browser, whereas the back-end code works on a web server. The front-end of websites involve coding HTML, CSS, and JavaScript that control the look and feel of a website. The back-end of a website involves coding languages such as PHP, MySQL, Ruby on Rails, Node.js, etc. to create application-like functionality that typically interacts with a database.

Thumbnail image for HTML & CSS Course: Intro to HTML

HTML & CSS Course: Intro to HTML

Thumbnail image for HTML & CSS Intro Course: Coding Links

HTML & CSS Intro Course: Coding Links

Thumbnail image for HTML & CSS Intro Course: Adding Images

HTML & CSS Intro Course: Adding Images

HTML

To create web pages and emails we use HTML code (Hypertext Markup Language). HTML tags mark up (label) content to indicate headings, paragraphs, lists, links, images, and more.

CSS

CSS (Cascading Style Sheets) code is used to style the contents of a webpage (or email), based on the HTML markup. CSS controls the appearance of everything, from fonts and color to building responsive page layouts that look good across screen sizes (mobile, tablet, and desktop).

JavaScript & jQuery

JavaScript code is used to add interactivity, animation, and more to the front-end of websites (what you see in a browser). Create slideshows, image galleries, validate forms, and much more. JavaScript can also be used on the back-end of websites to execute code on a web server. jQuery is the most popular JavaScript library, and it makes it easier to target elements, handle events, and more.

More Web Development Resources

  • Free HTML & CSS Course

  • HTML & CSS Intro Course: Divs, IDs, & More

    Thumbnail image for HTML & CSS Intro Course: Divs, IDs, & More
  • HTML & CSS Intro Course: CSS Classes

    Thumbnail image for HTML & CSS Intro Course: CSS Classes
  • HTML & CSS Intro Course: Intro to CSS

    Thumbnail image for HTML & CSS Intro Course: Intro to CSS

Contact Us

Office Hours: 9am–6pm, Mon–Fri

(212) 226-4149

Location

185 Madison Ave 3rd Floor
New York, NY 10016

Map & Directions

Win a Free Class!

Sign up to get tips, free giveaways, and more in our weekly newsletter.

Adobe Certified Training Center

© 1998–2021 Noble Desktop - Privacy & Terms