Share Your Report Card

K Noonan

knoonan

  • 23 Courses Completed
  • 119 Levels Completed
  • 36 Screencasts Watched
  • 260,100 Total Points
Make Private

Achievement Badges

Progress Report

JunJulAugSepOctNovDecJanFebMarAprMayTry DockerBuilding Blocks of Express.jsReal-time Web with Node.js

JavaScript: 9 Courses Completed

  • Just Enough JavaScript

    Creating variables, dialogs, object & string functions, number-related operations, working with arrays.

  • Take Off

    Downloading jQuery, minified Javascript, loading jQuery, the DOM & jQuery selection, nested elements, pseudo-classes & direct descendants.

  • 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()

  • Events

    HTML & Text value, HTML5 data attributes, click events, binding & unbinding events, using multiple click handlers, live vs. delegate

  • Ajax

    $.ajax, error handling & callbacks, aborting AJAX & timeouts, receiving and parsing JSON, using JSONP, sending form data

  • Effects

    Chaining effects & adjusting speed, animating with CSS, effect easing, using a queue, adding a delay, stopping an effect

  • Organization

    Each & Map utility functions, creating your own utility functions, creating plugins, encapsulating your code, custom events, jQuery templates

Placeholder

CoffeeScript

CoffeeScript

Learn CoffeeScript, the powerful little language that compiles into JavaScript. Take a sip of our CoffeeScript tutorial & learn to get more done with less code.

  • Variables and Functions

    An overview of variables and functions

  • Applied jQuery

    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

  • Object Orientation

    Classes, class inheritance, property arguments

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.

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

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.

Placeholder

Real-time Web with Node.js

Server-side Frameworks

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

  • Events

    Event emitters, event requests, event listening

  • Streams

    Reading, writing, piping, solving backpressure

  • Modules

    Exporting, npm installing, dependencies, and semantic versioning

  • Express

    Routes, rendering, layouts, url building, express servers

  • Socket.io

    Listening for, broadcasting, and answering questions, saving client data

  • Persisting Data

    Redis, working with lists, persisting, emitting, and limiting questions

Placeholder

Building Blocks of Express.js

Server-side Frameworks

Express provides more robust features to your web application. Learn how to build Web APIs in Node using Express.

  • First Steps

    Installing Express and building some first routes.

  • Middleware

    Understanding middleware and building a custom logger.

  • User Params

    Reading user-submitted parameters.

  • Body Parser

    Adding routes for creating and deleting resources.

  • Refactoring Routes

    Using route instances and extracting code to route files.

JavaScript: 8 Screencasts Watched

HTML/CSS: 9 Courses Completed

Placeholder

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

  • HTML5

    Learn about the new tags in HTML5

  • CSS3

    Review the new properties in CSS3

  • Header & Navigation

    Build a functional header and navigation area

  • Content

    Develop the content sections of a site

  • Footer & Forms

    Learn about new form elements and build a functional footer

Placeholder

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.

Placeholder

The Elements of Web Design

Design

Learn how to design user-centered websites that are purposeful and easy to use.

  • User Discovery

    Begin the design process by identifying and testing your hypothesized target audience.

  • Navigating Sites

    Avoid nuclear meltdowns by learning how to organize your content and establish good navigation practices.

  • Usability Design

    Learn to create a positive bond with your users with smart, user-related web pages.

  • Mobile Best Practices

    Yield some positive reactions with tips for designing with mobile in mind.

Placeholder

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.

Placeholder

Cracking the Case With Flexbox

Intermediate CSS

​Follow the clues behind each property of Flexbox and learn how to make modern layouts that are flexible across different screen sizes.

  • Foreshadowing Flexbox

    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.

  • Aligning Alibis

    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.

  • Property Plotting

    Discover how to align content in edge cases and group multiple properties.

Placeholder

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.

Placeholder

You, Me & SVG

SVG

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.

  • SVG Encore!

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

Placeholder

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.

HTML/CSS: 3 Screencasts Watched

Electives: 3 Courses 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.

Placeholder

Try R

Electives

Learn the R programming language for data analysis and visualization. This software programming language is great for statistical computing and graphics.

  • Using R

    A gentle introduction to R expressions, variables, and functions.

  • Vectors

    Grouping values into vectors, then doing arithmetic and graphs with them.

  • Matrices

    Creating and graphing two-dimensional data sets.

  • Summary Statistics

    Calculating and plotting some basic statistics: mean, median, and standard deviation.

  • Factors

    Creating and plotting categorized data.

  • Data Frames

    Organizing values into data frames, loading frames from files and merging them.

  • Real-World Data

    Testing for correlation between data sets, linear models, and extending R with additional libraries.

Placeholder

Try Docker

Electives

Dive into the basics of Docker and learn how to create a self-contained, shareable development environment with containers, images, Dockerfiles, and volumes.

  • Containers & Images

    Learn how to use images to create Docker containers.

  • Dockerfiles

    Use Dockerfiles to configure images in a centralized and repeatable way.

  • Volumes

    Take control of the data in your containers with volumes.

Electives: 13 Screencasts Watched

Database: 1 Course Completed

Placeholder

The Sequel to SQL

SQL

​Learn the most important parts of the SQL language so you can create tables with constraints, use relationships, and write powerful join queries.

  • Aggregate Functions

    Learn how to use SQL aggregate functions, including COUNT, SUM, and AVG, to do calculations on groups of data.

  • Table Constraints

    Add constraints — like NOT NULL, UNIQUE, FOREIGN KEY, and PRIMARY KEY — to your tables to increase data integrity.

  • Normalization and Relationships

    Apply normalization rules to create tables without duplicate data and build the appropriate relationships.

  • Inner Joins, Aliases, and Outer Joins

    Explore writing a single query to pull data from multiple tables and using aliases to create succinct queries.

  • Subqueries

    Dive deeper as you learn how to write queries within queries.

Elixir: 1 Course Completed

Placeholder

Try Elixir

Getting Started With Elixir

Begin learning the basics of Elixir and take your first steps into the world of functional programming.

  • Modules & Functions

    Get started in the world of functional programming with Elixir by learning how to work with named functions.

  • The Pipe Operator

    Learn how to refactor nested function calls into an easier syntax by using the pipe operator.

  • Pattern Matching

    Explore how pattern matching works and how we can use it to remove if statements from our programs.

Git: 1 Screencast Watched