View all Tracks
Practice Front End Web Development
Regular practice is part of what makes good developers. This Track, a series of workshops, help you practice and build your HTML, CSS, and JavaScript skills. Each practice workshop presents a set of instructions for a coding challenge to solve on your own, and then the next step walks you through one or several possible solutions.
Keeping up the habit of practice helps you build muscle memory and acquire many of the instincts needed to be a successful developer. Each practice challenge even forms the basis of a mini-project you can continue to build upon on your own and share with others.
This Track includes Front End practice sessions on HTML semantics, CSS selectors, CSS layout techniques, JavaScript math, JavaScript functions, JavaScript object literals, and more. Ready to stay sharp? Let's get started!
-
An entry-level salary for the technologies covered in this track is about $51,000 / yr on average.
-
Some companies that use these technologies regularly include: Google, Facebook, Yahoo, eBay, Amazon, and Treehouse
Ready to start learning?
Treehouse offers a 7 day free trial for new students. Get access to 1000s of hours of content. Learn to code, land your dream job.
Start Your Free Trial
-
6 minPractice
Practice Semantic HTML
In this workshop, you'll practice the basics of semantic HTML. When you write markup that clearly communicates the meaning of your content, it is said that you're writing semantic markup.
Viewed -
10 minPractice
Practice Structuring and Grouping Content
Practice the fundamentals of structuring and grouping content with markup.
Viewed -
11 minPractice
Practice File Paths
Sharpen your HTML skills by practicing writing file paths for images and links.
Viewed -
5 minPractice
Practice CSS Selectors
Practice basic CSS selectors by targeting and styling elements of a web page.
Viewed -
7 minPractice
Practice CSS Box Model Basics
Practice working with the core components of the CSS box model.
Viewed -
5 minPractice
Practice Media Queries
Practice writing CSS media queries by adjusting the layout of a simple web page.
Viewed -
1 minInstruction
Modern CSS Layout Techniques
Practice modern layout techniques using CSS grid layout....(continue reading)
Viewed -
6 minPractice
Practice Basic Variables, Input & Output in JavaScript
Practice creating variables, working with input and alert dialog boxes, concatenating strings and using JavaScript string methods.
Viewed -
8 minPractice
Practice JavaScript Math Methods
Practice using JavaScript's math methods to add, subtract, multiply, divide, as well as to convert strings to numbers.
Viewed -
7 minPractice
Practice If and Else If Statements in JavaScript
Practice simple conditional statements in JavaScript.
Viewed -
7 minPractice
Practice Basic JavaScript Functions
Practice creating basic JavaScript functions, adding parameters, calling functions and passing values.
Viewed -
15 minPractice
Practice JavaScript Loops
Build up your JavaScript skills by practicing the basics of loops.
Viewed -
20 minPractice
Practice Object Literals in JavaScript
Practice creating, using and modifying simple object literals in JavaScript
Viewed -
1 minInstruction
The DOM and ES2015
Practice building interactive web pages with JavaScript and the DOM, as well as modern JavaScript features and syntax...(continue reading)
Viewed -
Track Completion
This course includes:
- Practice Semantic HTML 6 min
- Practice Structuring and Grouping Content 10 min
- Practice File Paths 11 min
- Practice CSS Selectors 5 min
- Practice CSS Box Model Basics 7 min
- Practice Media Queries 5 min
- Modern CSS Layout Techniques 1 min
- Practice Basic Variables, Input & Output in JavaScript 6 min
- Practice JavaScript Math Methods 8 min
- Practice If and Else If Statements in JavaScript 7 min
- Practice Basic JavaScript Functions 7 min
- Practice JavaScript Loops 15 min
- Practice Object Literals in JavaScript 20 min
- The DOM and ES2015 1 min