ryager

ryager

  • 18 Courses Completed
  • 93 Levels Completed
  • 2 Screencasts Watched
  • 202,965 Total Points

Achievement Badges

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

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

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

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: 1 Screencast Watched

HTML/CSS: 12 Courses Completed

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

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

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.

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

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

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

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.

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.

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

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

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.

HTML/CSS: 1 Screencast Watched

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.

.NET: 1 Course Completed

Placeholder

Try ASP.NET Core

ASP.NET

Dive into the world of ASP.NET Core and learn how to build easy-to-maintain web applications with the MVC design pattern and ASP.NET Core.

  • Model View Controller

    Explore the MVC design pattern and learn how to set up the interactions between each part of it.

  • Getting User Input

    Set up a web application that will accept and utilize user-entered data.

  • Retaining Data

    Learn how to store user input in memory, retrieve and present data back to the user, and handle nulls.