Lorena Ramonda

Loreena

  • 13 Courses Completed
  • 64 Levels Completed
  • 3 Screencasts Watched
  • 163,555 Total Points

Achievement Badges

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.

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

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

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.

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

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

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.

JavaScript: 2 Screencasts Watched

HTML/CSS: 5 Courses Completed

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

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

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