Scott Williams

scottwio

  • 19 Courses Completed
  • 120 Levels Completed
  • 43 Screencasts Watched
  • 292,375 Total Points

Achievement Badges

JavaScript: 11 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

Anatomy of Backbone.js

Client-side Frameworks

Learn Backbone.js and start building sophisticated and structured web apps. Try out Backbone’s JavaScript library with a RESTful JSON interface.

  • Introduction

    Learn the very basic of Models and Views.

  • Models

    More on Models, such as syncing to/from the server.

  • Views

    View events, templates, and customization.

  • Models & Views

    More on how Models and Views work together with event binding.

  • Collections

    Working with a set of models with Backbone Collections.

  • Collection Views

    Displaying a Collection with a Collection View.

  • Router & History

    Supporting pushState history and multiple URLs.

Placeholder

Anatomy of Backbone.js Part 2

Client-side Frameworks

Learn more advanced Backbone.js for building sophisticated and structured web apps. Take your front-end to the next level with the Anatomy of Backbone Part 2.

  • More Models

    Getting your models to work with non-standard servers.

  • Customizing Collections

    Handling pagination in collections, sorting collections, and building aggregate functions.

  • Real Routes

    Handling optional parameters, limiting parameters to integers using regex, handling catch-all routes.

  • Varying Views

    Using an existing element, handling extra initialization options, escaping HTML, changing handling event bindings between Models and Views.

  • Working with Forms

    Build an ajax Form View to create and edit model objects.

  • App Organization

    Namespacing your App objects, building an App View to handle link clicks inside of Backbone, boostrapping data.

  • Customizing Backbone

    Using Mustache.js templates instead of underscore.js, replacing your persistence strategy, utilizing localStorage.

Placeholder

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.

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

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

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.

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

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

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.

JavaScript: 14 Screencasts Watched

Ruby: 1 Course Completed

Placeholder

Try Ruby

Getting Started With Ruby on Rails

Learn the basic building blocks of Ruby, all in the browser.

  • All For One, One For All

    Get an introduction to numbers, Strings, properties, and methods.

  • There Are Always Two

    Learn about conversions, arrays, variables, and more methods.

  • Third Time's The Charm

    Review printing, brackets, and String manipulation.

  • Fourth and Short

    Take a shot at method chaining, hashes, keys, and values.

  • The Highest of Fives

    Study up on blocks, directories, and method arguments.

  • Sixth Sense

    Start building methods, libraries, popups, and HTML with Ruby.

Ruby: 12 Screencasts Watched

HTML/CSS: 4 Courses Completed

Placeholder

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

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.

  • 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

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.

HTML/CSS: 3 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

Git: 2 Screencasts Watched

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: 11 Screencasts Watched