- 16 Courses Completed
- 109 Levels Completed
- 11 Screencasts Watched
- 300,885 Total Points
Ruby: 1 Course Completed
HTML/CSS: 5 Courses Completed
Learn about the new tags in HTML5
Review the new properties in CSS3
Header & Navigation
Build a functional header and navigation area
Develop the content sections of a site
Footer & Forms
Learn about new form elements and build a functional footer
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
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.
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.
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.
HTML/CSS: 5 Screencasts Watched
Creating variables, dialogs, object & string functions, number-related operations, working with arrays.
View from 30,000 Feet
Direct manipulation with CSS, manipulating multiple attributes, adding & removing classes, toggling classes, hiding & showing content.
Contents may shift
Retrieving & setting text content with text(), querying & setting DOM with html(), manipulating DOM with append() & prepend(), creating peers with :before & :after, adding & removing nodes.
Fasten your Seatbelts
Using document.ready, writing named functions, using click event listeners, keyboard events, animations, AJAX load()
HTML & Text value, HTML5 data attributes, click events, binding & unbinding events, using multiple click handlers, live vs. delegate
$.ajax, error handling & callbacks, aborting AJAX & timeouts, receiving and parsing JSON, using JSONP, sending form data
Chaining effects & adjusting speed, animating with CSS, effect easing, using a queue, adding a delay, stopping an effect
Each & Map utility functions, creating your own utility functions, creating plugins, encapsulating your code, custom events, jQuery templates
Variables and Functions
An overview of variables and functions
Converting jQuery to CoffeeScript
Conditionals & Operators
Conditionals, chained comparisons, switch cases, and existential operators
Arrays, Objects, Iterations
Using arrays, object literals, loops, list comprehension, and splat arguments
Applied jQuery II
Understanding and using jQuery object notation
Classes, class inheritance, property arguments
Learn the very basic of Models and Views.
More on Models, such as syncing to/from the server.
View events, templates, and customization.
Models & Views
More on how Models and Views work together with event binding.
Working with a set of models with Backbone Collections.
Displaying a Collection with a Collection View.
Router & History
Supporting pushState history and multiple URLs.
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.
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 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.
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.
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.