- 13 Courses Completed
- 73 Levels Completed
- 0 Screencasts Watched
- 176,350 Total Points
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.
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.
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
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.
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.
Discover how the Node framework can help you write server-side code and build lightweight, scalable network applications.
Intro to Node.js
An overview of Node.js, blocking vs. non-blocking code, reading files, issuing requests
Event emitters, event requests, event listening
Reading, writing, piping, solving backpressure
Exporting, npm installing, dependencies, and semantic versioning
Routes, rendering, layouts, url building, express servers
Listening for, broadcasting, and answering questions, saving client data
Redis, working with lists, persisting, emitting, and limiting questions
HTML/CSS: 4 Courses Completed
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.
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
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.
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.