Alex Graham
AlxTheRed
- 20 Courses Completed
- 98 Levels Completed
- 5 Screencasts Watched
- 207,400 Total Points
Path Status
JavaScript: 8 Courses Completed
JavaScript Road Trip Part 1
JavaScript Language
An introduction to the very basics of the JavaScript language. Build a foundation of JavaScript syntax and learn how to use values, variables, and files.
-
The Cliffs of Value
Learn to manipulate values on the console.
-
Variable Valley
Review how to store and use data with variables.
-
Files Falls
Create JS files and source them within HTML code.
JavaScript Road Trip Part 2
JavaScript Language
A continued introduction to the very basics of the JavaScript language. Learn common programming mechanisms like loops, conditionals, functions, and arrays.
-
The Labyrinth of Loops
Understand and build loops for repeated code with 'while' and 'for' syntax.
-
Conditional Canyon
Use conditions to execute different branches of code with if-else blocks.
-
Built-In's Bluff
Learn to use the basic JavaScript dialog box functions 'prompt', 'alert', and 'confirm'.
-
The Desert of Declarations
Understand functions and building custom functionality.
-
The Array Archipelago
Learn to build and manipulate the array data structure.
JavaScript Road Trip Part 3
JavaScript Language
Continue building intermediate skills within the JavaScript web programming language. Master function expressions, closures, hoisting, objects, and the use of prototypes.
-
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.
-
Hoisting Hills
Build an awareness of the pitfalls of load order within a scope.
-
Ocean of Objects
Create, fill, and manipulate the generic JavaScript object literal.
-
Plains of Prototypes
Using the magic of object inheritance, explore classes, constructors, prototypes, and properties.
JavaScript Best Practices
JavaScript Language
Become a more informed, conscientious user of JavaScript as you explore time-tested, useful techniques that will improve legibility, performance quality, and safety in your scripts.
-
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
Examine common JavaScript pitfalls and the best ways to avoid them.
-
The Mail of Modularity
Learn how to organize code and protect data with a simple Module pattern.
Try jQuery
jQuery
Learn the basics of jQuery 2.0, a JavaScript library, to modify elements on the page and improve user interaction.
-
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.
-
Styling
Before landing, tame CSS with jQuery and animate elements on the page.
jQuery: The Return Flight
jQuery
Learn Ajax and add more interactivity to your projects. Discover how to organize your code using jQuery Plugins and Promises.
-
Ajax Basics
Learn what Ajax is and how it can be used.
-
JavaScript and jQuery
Organize your jQuery and JavaScript.
-
Ajax With Forms
Learn about how to send data to the server and work with JSON.
-
Utility Methods
Learn about some handy utility methods including $.each and $.map while working with complicated JSON data.
-
jQuery Plugins
Create your own reusable jQuery plugin.
-
Promises
Use promises to make your Ajax calls reusable and organized.
Shaping Up With AngularJS
Client-side Frameworks
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.
-
Built-in Directives
Use directives to add a gallery and tabs to the gem store.
-
Forms
Give the gem store review functionality by using AngularJS forms.
-
Custom Directives
Create custom directives for more organized and maintainable AngularJS code.
-
Services
Create a new module and learn to use the $http service to get real data into the gem store.
Staying Sharp With AngularJS
Client-side Frameworks
Learn how to use this modular and speedy language to create flexible directives and reusable services throughout your app.
-
Getting Started with Routes
Start your AngularJS app off right by wiring together your templates and controllers with ngRoute.
-
Directives with Scope
Create flexible directives to be used in any situation by using $scope, scope{}, and link!
-
Services
Learn about the 5 available service recipes AngularJS provides. Then wrap your data calls in one and reuse throughout your ever enhancing app.
-
Reusable Directives
Share directive controller functionality with other directives and create service classes for your external libraries.
JavaScript: 1 Screencast Watched
HTML/CSS: 10 Courses Completed
Front-end Foundations
Getting Started With HTML and CSS
Learn the fundamentals of HTML and CSS, while building a strong foundation for more advanced front-end development.
-
HTML
Format text content and links with HTML.
-
CSS
Change the way that content is displayed with CSS.
-
Classes and Layout
Reuse CSS across multiple pages and layout content in well-defined sections.
-
Images
Add content and background images to your site.
-
Fonts and Forms
Customize fonts and add forms that accept different types of user input.
Front-end Formations
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.
-
HTML5 Elements
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.
-
HTML5 Forms
Learn all of the new HTML5 form input types, elements, and attributes.
-
CSS3 Styles
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.
CSS Cross-Country
Intermediate CSS
Explore the fundamentals of CSS, and review all the web-styling tools needed for front-end efficiency.
-
Frost-Proof Fundamentals
Adding style, selectors, the cascade, and floats
-
Clear Carving
Clearing floats, inheritance, and specificity
-
Box Bindings
The box model, positioning, and z-index
-
Grooming Your Code
DRY, display types, and centering
-
CSS Safety
Protecting your layout and specificity problems
-
Image Issues
Image use and image cropping
-
Sprightly Slaloms
Image replacement and sprites
-
Pseudo Sitzmark
Pseudo classes and pseudo elements
Assembling Sass
CSS Preprocessors
Learn Sass and start improving your front-end CSS workflow. Try Sass on large-scale applications for efficient, time-saving styling.
-
Foundation
An introduction to Sass, imports, comments, and nesting.
-
Variable
Creation and use of recallable information.
-
Mixin
Writing reusable styles mixed with optional arguments.
-
Extend
Easily manage CSS class reuse and inheritance in the stylesheet, rather than HTML.
-
Directive
A primer on the programmatic tools in Sass, including functions and each loops.
-
Math + Color
Perform arithmetic and color alterations directly to stylesheet values.
-
Responsive
Simplify and optimize your responsive design workflow via Sass.
Journey Into Mobile
Intermediate CSS
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
-
Fluid Layouts
Learn the foundations for creating scalable, fluid sites
-
Adaptive Adventures
Create sites that adapt to a specific context
-
Responsive Adventures
Create device-agnostic sites optimized for all viewports
-
Responsive Media
Learn how to scale images, video, and work with retina graphics
Adventures in Web Animations
Intermediate CSS
Make your websites more engaging and fun with the introduction of CSS web animations.
-
Transitions
Learn how to sweeten up your web app using CSS transitions for color, position, and visibility.
-
Transforms
Moving, scaling, invisibility — oh my! Open up a world of animation possibilities with transforms.
-
Keyframes
Use keyframe animations to create some tasty and reusable animations for our form modal and donut character.
-
SVG
Explore the benefits of using super-crisp SVGs and how to animate them.
Unmasking HTML Emails
Intermediate CSS
Explore the nuances of email clients and how to build designs for them with inline styles, tables for layout, and conditional comments.
-
Clients and Markup
Learn the mystifying moves of email client preprocessors and how HTML and CSS is written for them.
-
Tables for Layout
Apply the ancient art of wrapping content in tables, rows, and cells.
-
Mucho Media Queries
Use modern markup techniques to wrestle tables and content into many screen sizes.
-
Targeting Specific Clients
Twist, turn, and tag your way through multiple client hacks to fight for your layout.
-
Small Screen First
Refactor existing code to create flexible layouts for all screens, even without media queries.
Assembling Sass Part 2
Discontinued
-
More Sass
A deeper dive into core Sass functionality
-
Compass
Introducing the Compass add-on and enabling its use
-
Utility
Traversing helpers and utilities included with Compass
-
Rhythm
Establishing and maintaining baseline grids with the vertical rhythm module
-
Sprite
Relegating sprite generation and maintenance to the sprite module
Fundamentals of Design
Design
Improve the visual competency of any website or application by keeping design in mind. Learn the fundamental design principles of typography, color, and layout.
-
Typography
Learn to recognize beautiful and functional type.
-
Colors
Review color theory and application principles.
-
Layout
Familiarize yourself with visual hierarchy and balance.
Blasting Off with Bootstrap
CSS Frameworks
Use Bootstrap's pre-built styles and functionality to help you easily add polish and useful behavior to your web application with HTML and CSS.
-
Lift Off
Get your website off the ground by adding the Bootstrap library and getting familiar with the container class.
-
Designing in Grids
Use the grid design pattern to add structure and style to your application.
-
Typography
Use Bootstrap’s custom classes and Glyphicon icons to make your site easier on the eyes.
-
Enough CSS to be Dangerous
Make your site stand out from the rest by adding a custom navigation and a splash of colorful buttons.
-
JavaScript Components
Use Bootstrap’s Collapse and Dropdown plugins to add needed behavior to your website.
HTML/CSS: 4 Screencasts Watched
Git: 2 Courses Completed
Try Git
Git
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 Git
Discover the basics of Git, including how to initialize a repo. Learn how to add, commit, and push your code to GitHub.
Git Real
Git
Learn more advanced Git by practicing the concepts of Git version control. Increase your Git knowledge by learning more advanced systems within Git.
-
Introduction
Learn the basics of Git
-
Staging & Remotes
Add and remove changed files, and work with remote repositories
-
Cloning & Branching
Clone repositories and learn how to work with multiple branches
-
Collaboration Basics
Work simultaneously with multiple users
-
Branching
Work with remote branches and reference commits
-
Rebase belong to us
Optimize merging and fix merge conflicts
-
History and Configuration
Learn how to configure and view commit logs