judehansen

judehansen

  • 11 Courses Completed
  • 57 Levels Completed
  • 24 Screencasts Watched
  • 164,375 Total Points

Achievement Badges

Electives: 1 Course Completed

Placeholder

Discover DevTools

Electives

Learn how Chrome DevTools can sharpen your dev process and discover the tools that can optimize your workflow and make life easier.

  • Elements

    Dig into the elements panel, learn how to make changes to the DOM and update styles.

  • Sources

    New workflows to speed up your development time.

  • Console

    Review the DevTools console and learn how to examine exceptions and use timesaving shortcuts.

  • Debugging

    Great workflows for debugging problems in your JavaScript.

  • Network

    Speed up your network interactions using the network tab and the page speed extension.

  • Profiles

    Get familar with your applications rendering performance and learn how to use CPU profiling to identity performance problems.

  • Memory

    Learn how to find and identify memory leaks in your application.

Electives: 7 Screencasts Watched

JavaScript: 8 Courses Completed

Placeholder

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.

Placeholder

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.

Placeholder

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.

Placeholder

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.

Placeholder

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.

Placeholder

Accelerating Through Angular

Client-side Frameworks

Create the future of web applications by learning how to build with Angular.

  • Angular Ignition

    Get an introduction to Angular and create your first module and component with a template.

  • Template Traction

    Start with a few structural directives and then transform your view with pipes.

  • Tuning It Up

    Make your code more maintainable by organizing it into multiple components, separating your HTML and CSS, creating a data model, and splitting your data into a mock file.

  • Data Binding Boost

    Explore how to send data from JavaScript to HTML and HTML to JavaScript using one-way data binding, and then learn how to do both at the same time with two-way binding.

  • Service Fuel Injection

    Learn how to create your own services and then how to use the HTTP library to call out to the internet.

Placeholder

Powering Up With React

Client-side Frameworks

Discover how React can help you take control of your UI code with composable user interfaces.

  • First Component

    Learn how to solve problems in terms of React components, and get familiar with the JSX markup language.

  • Talk Through Props

    Make components communicate by passing arguments, which are known as props in React.

  • Component State

    Explore handling data that changes over time with state and how it can help us manipulate DOM elements.

  • Synthetic Events

    Capture user actions with React's event system, and learn how React uses synthetic events to consolidate the browser's native event API.

  • Talking to Remote Servers

    Learn about interacting with remote servers via Ajax using React's lifecycle methods.

Placeholder

ES2015: The Shape of JavaScript to Come

JavaScript Language

Stay in tune and learn some of the new features of ES2015, the most extensive update to the JavaScript language since it was first released in the '90s.

  • Declarations

    Learn about the new types of variable declarations and how they can help with some well-known JavaScript gotchas.

  • Functions

    Explore new features added to functions, like default parameters, rest parameters, spread operators, and arrow functions.

  • Objects, Strings, and Object.assign

    Find new ways to work with JavaScript Objects and Strings.

  • 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.

JavaScript: 8 Screencasts Watched

Git: 2 Courses Completed

Placeholder

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.

Placeholder

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