Alyssa Nicoll

alyssanicoll

  • 10 Courses Completed
  • 71 Levels Completed
  • 23 Screencasts Watched
  • 111,680 Total Points

Achievement Badges

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

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

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.

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

Electives: 1 Course Completed

Placeholder

Discover Drive

Discontinued

  • Save to Drive Button

    Creating a simple button for saving files to Google Drive.

  • Google Picker with Drive

    Creating a widget for selecting and uploading files.

  • Authenticating with Drive

    Using the Google API Ruby Client to request access to a user’s Drive.

  • Uploading Files

    Performing multipart and resumable uploads with the Google API Ruby Client.

  • Retrieving Metadata

    Retrieving metadata for single files and lists of files, as well as performing file searches.

  • Downloading & Sharing Files

    Downloading files from Drive and managing permissions.

  • Updating & Deleting Files

    Updating, trashing, and permanently deleting files.

  • Folders

    Organizing files with folders and using the Application Data Folder.

  • Push Notifications

    Getting notified when a file changes.

  • Installing And Showcasing Your Application

    Installing your application to the Drive UI and listing it in the Chrome Web Store.

JavaScript: 4 Courses Completed

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 Best Practices

JavaScript Language

Become a more informed, conscientious user of JavaScript as you explore time-tested, useful techniques that will improve legibility, performance quality, and safety in your scripts.

  • The Sword of Syntax

    Discover useful alternate syntax for conditionals and assignment.

  • The Pendant of Performance

    Explore techniques to improve execution speed and measure performance.

  • The Crystal of Caution

    Examine common JavaScript pitfalls and the best ways to avoid them.

  • The Mail of Modularity

    Learn how to organize code and protect data with a simple Module pattern.

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

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

Python: 1 Course Completed

Placeholder

Try Python

Getting Started With Python

​Explore the basics of Python and learn what it means to store and manipulate numbers and words as well as make decisions with your program.

  • Birds & Coconuts

    Get started with Python by calculating how many swallows it takes to carry a coconut.

  • Spam & Strings

    ​Learn how to store characters in a string to combine, dissect, and slice words.

  • Conditional Rules of Engagement

    Explore conditionals in Python to see how your program can make important decisions.

iOS: 1 Screencast Watched