Eric Vonk

McVenco

  • 14 Courses Completed
  • 71 Levels Completed
  • 19 Screencasts Watched
  • 254,010 Total Points

Achievement Badges

JavaScript: 6 Courses Completed

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

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

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

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

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

HTML/CSS: 5 Courses Completed

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

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.

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

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

HTML/CSS: 2 Screencasts Watched

Git: 1 Course 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.

Database: 1 Course Completed

Placeholder

Try SQL

SQL

Learn basic database manipulation skills using the SQL programming language.

  • The Ins and Outs of Databases

    Learn about databases from the inside out, as well as how to perform simple data queries and filter data with special query tools in SQL.

  • Managing Data

    Find out how to add, revise, and remove data in an existing database.

  • Managing Databases and Tables

    Discover basic concepts for creating and altering databases and tables.

Database: 1 Screencast Watched