- 12 Courses Completed
- 72 Levels Completed
- 3 Screencasts Watched
- 181,735 Total Points
The Cliffs of Value
Learn to manipulate values on the console.
Review how to store and use data with variables.
Create JS files and source them within HTML code.
Introduction to jQuery
A gentle introduction to what jQuery is, and what it can do.
Traversing the DOM
Search & walk through the DOM with selectors and traversing.
Working with the DOM
Add & remove from the DOM, more traversing, and user events.
Listening to DOM Events
Listen for events, handle them, and change the default event behavior of web browsers.
Before landing, tame CSS with jQuery and animate elements on the page.
Learn Ajax and add more interactivity to your projects. Discover how to organize your code using jQuery Plugins and Promises.
Learn what Ajax is and how it can be used.
Ajax With Forms
Learn about how to send data to the server and work with JSON.
Learn about some handy utility methods including $.each and $.map while working with complicated JSON data.
Create your own reusable jQuery plugin.
Use promises to make your Ajax calls reusable and organized.
The Labyrinth of Loops
Understand and build loops for repeated code with 'while' and 'for' syntax.
Use conditions to execute different branches of code with if-else blocks.
The Desert of Declarations
Understand functions and building custom functionality.
The Array Archipelago
Learn to build and manipulate the array data structure.
AngularJS allows your application to have an expanded HTML library. Learn to add behavior to your HTML and speed up your application’s responsiveness.
Flatlander's Gem Store
Get comfortable with expressions by beginning to build a gem store.
Use directives to add a gallery and tabs to the gem store.
Give the gem store review functionality by using AngularJS forms.
Create custom directives for more organized and maintainable AngularJS code.
Create a new module and learn to use the $http service to get real data into the gem store.
HTML/CSS: 6 Courses Completed
Learn Sass and start improving your front-end CSS workflow. Try Sass on large-scale applications for efficient, time-saving styling.
An introduction to Sass, imports, comments, and nesting.
Creation and use of recallable information.
Writing reusable styles mixed with optional arguments.
Easily manage CSS class reuse and inheritance in the stylesheet, rather than HTML.
A primer on the programmatic tools in Sass, including functions and each loops.
Math + Color
Perform arithmetic and color alterations directly to stylesheet values.
Simplify and optimize your responsive design workflow via Sass.
Learn mobile web design with mobile-first, adaptive, and responsive web design concepts. Review the best practices with our Journey into Mobile course.
Foundations for Mobile
The mobile web and relative font-sizing
Learn the foundations for creating scalable, fluid sites
Create sites that adapt to a specific context
Create device-agnostic sites optimized for all viewports
Learn how to scale images, video, and work with retina graphics
Explore the fundamentals of CSS, and review all the web-styling tools needed for front-end efficiency.
Adding style, selectors, the cascade, and floats
Clearing floats, inheritance, and specificity
The box model, positioning, and z-index
Grooming Your Code
DRY, display types, and centering
Protecting your layout and specificity problems
Image use and image cropping
Image replacement and sprites
Pseudo classes and pseudo elements
Getting Started With HTML and CSS
Discover the latest versions of HTML and CSS, including HTML5 tags, form elements, attributes, input types, CSS styling, and more.
Overview & Updates
Get an overview of HTML5 and CSS3, and learn which HTML elements have been updated in HTML5.
Learn all of the new HTML5 elements, including the section, article, header, footer, and time elements, and also several others that will help make your markup more semantic.
Learn all of the new HTML5 form input types, elements, and attributes.
Learn modern CSS styling techniques, including border radius, box shadow, text shadow, box sizing, multiple backgrounds, and gradients.
Fonts & Interactions
Learn how to use web fonts with @font-face, create smooth transitions and manipulated elements in CSS with the transition and transform properties, and write CSS according to the principles of progressive enhancement.
Improve the visual competency of any website or application by keeping design in mind. Learn the fundamental design principles of typography, color, and layout.
Learn to recognize beautiful and functional type.
Review color theory and application principles.
Familiarize yourself with visual hierarchy and balance.
Learn advanced Sass & Compass for further improving your front-end CSS workflow. Revolutionize your front-end efficiencies with these coding techniques.
A deeper dive into core Sass functionality
Introducing the Compass add-on and enabling its use
Traversing helpers and utilities included with Compass
Establishing and maintaining baseline grids with the vertical rhythm module
Relegating sprite generation and maintenance to the sprite module
Electives: 1 Course Completed
Learn how Chrome DevTools can sharpen your dev process and discover the tools that can optimize your workflow and make life easier.
Dig into the elements panel, learn how to make changes to the DOM and update styles.
New workflows to speed up your development time.
Review the DevTools console and learn how to examine exceptions and use timesaving shortcuts.
Speed up your network interactions using the network tab and the page speed extension.
Get familar with your applications rendering performance and learn how to use CPU profiling to identity performance problems.
Learn how to find and identify memory leaks in your application.