- 13 Courses Completed
- 64 Levels Completed
- 3 Screencasts Watched
- 163,555 Total Points
Git: 1 Course Completed
Learn how to use Git by reviewing the basic concepts of Git version control. Try out this introductory course that was created with GitHub.
Discover the basics of Git, including how to initialize a repo. Learn how to add, commit, and push your code to GitHub.
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.
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.
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.
Forest of Function Expressions
Learn how to use and manipulate functions as expressions.
Cold Closures Cove
Explore the binding of external variables into local scopes.
Build an awareness of the pitfalls of load order within a scope.
Ocean of Objects
Plains of Prototypes
Using the magic of object inheritance, explore classes, constructors, prototypes, and properties.
Explore new features added to functions, like default parameters, rest parameters, spread operators, and arrow functions.
Objects, Strings, and Object.assign
Arrays, Maps, and Sets
Learn how to work with Arrays and more efficient alternatives to working with collections, like Maps and Sets.
Classes and Modules
Discover how to write object-oriented code using the new class syntax and how to leverage the new module system to keep things clean and organized.
Promises, Iterators, and Generators
Learn alternatives to writing async code, iterator objects for navigating sequences more efficiently, and special functions that return those objects.
The Sword of Syntax
Discover useful alternate syntax for conditionals and assignment.
The Pendant of Performance
Explore techniques to improve execution speed and measure performance.
The Crystal of Caution
The Mail of Modularity
Learn how to organize code and protect data with a simple Module pattern.
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.
HTML/CSS: 5 Courses Completed
Getting Started With HTML and CSS
Learn the fundamentals of HTML and CSS, while building a strong foundation for more advanced front-end development.
Format text content and links with HTML.
Change the way that content is displayed with CSS.
Classes and Layout
Reuse CSS across multiple pages and layout content in well-defined sections.
Add content and background images to your site.
Fonts and Forms
Customize fonts and add forms that accept different types of user input.
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.
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
Follow the clues behind each property of Flexbox and learn how to make modern layouts that are flexible across different screen sizes.
Learn how to analyze the new display property, containers, lines, and items.
Justification and Order
Explore how to align items, distribute space, and change order along the master axis.
Straighten out the facts and learn how to align items and distribute space along the cross axis.
Sizing Up the Properties
Shape up by growing, shrinking, and declaring sizes of items.
Discover how to align content in edge cases and group multiple properties.
Learn how to create and use scalable vector graphics online. Whether your icons, shapes, and assets are on small or large screens, SVGs have you covered!
Oh, the Shapes You Can Make
Learn the difference between raster and vector, as well as how to create vectors and when they come in handy.
Would You, Could You With a Badge?
Shape up your SVG knowledge with the circle, text, polygon, and line elements.
Group de Loop
Circle around three important topics: grouping, transforming, and the viewBox coordinate system.
Wander through paths (the most commonly used SVG element), and discover how to reuse elements with symbol, as well as create screen reader-accessible SVGs with title and description tags.