Marina Ferreira
  • Home
  • Projects
  • Tutorials & Notes Tutorials
Marina Ferreira
  • Home
  • Projects
  • Tutorials & Notes
  • Code Sketch Twitter
  • Code Sketch Facebook
  • Code Sketch Channel Youtube
  • Medium
  • Code Sketch Github
  • Linkedin
  • Send Mail
  • Understanding CSS Position Absolute for good!

    Understanding CSS Position Absolute for good!

    Stop loosing your elements in the screen by understanding how an object figures where it is suppose to sit.

    Nov 6, 2018
    Go to Tutorial!
    • css
  • Flexbox Visual Guide Tutorial - Learn the basics of CSS Flexbox Module

    Flexbox Visual Guide Tutorial - Learn the basics of CSS Flexbox Module

    Flexible Box Module - Flexbox

    Aug 27, 2018
    Go to Tutorial!
    • css
    • flexbox
  • Note Display - HTML5 SVG Fill Animation with CSS3 and Vanilla JavaScript

    Note Display - HTML5 SVG Fill Animation with CSS3 and Vanilla JavaScript

    This article will teach you how to build the animated note display from [Awwwads](https://awwwards.com) website. It discusses HTML5 SVG circle element, its stroke properties and how to animate them with CSS variables and Vanilla JavaScript.

    Jun 25, 2018
    Go to Tutorial!
    • html
    • css
    • js
    • vanilla-js
    • svg
  • Memory Game in Vanilla JavaScript

    Memory Game in Vanilla JavaScript

    HTML5, CSS3 and Vanilla JS memory game

    Jun 11, 2018
    Go to Tutorial!
    • 🇬🇧
    • 🇧🇷
    • html
    • css
    • js
    • vanilla-js
  • React - Deploy to GitHub Pages

    React - Deploy to GitHub Pages

    React app deploy to Github Pages with gh-pages package

    Dec 1, 2019
    Go to Tutorial!
    • js
    • react
    • deploy
    • gh-pages
  • Angular 5 - Select Component DOM Element

    Angular 5 - Select Component DOM Element

    How to select Component DOM element

    Jun 4, 2018
    Go to Tutorial!
    • js
    • angular
    • component
  • Angular 5 - Private Property Not Accessible

    Angular 5 - Private Property Not Accessible

    Private Property Not Accessible

    Jun 4, 2018
    Go to Tutorial!
    • js
    • angular
    • service
    • private
  • Angular 5 - Apply Conditional to Template without Adding an Extra Element

    Angular 5 - Apply Conditional to Template without Adding an Extra Element

    Use ng-container element to avoid extra wrapper elements around conditionals.

    Jun 4, 2018
    Go to Tutorial!
    • js
    • angular
    • template
    • conditional
  • Angular 5 - Injecting Service Into Component Test in Jasmine

    Angular 5 - Injecting Service Into Component Test in Jasmine

    How to inject a service into a component test in jasmine.

    Jun 4, 2018
    Go to Tutorial!
    • js
    • angular
    • jasmine
    • test
    • inject
    • service
  • Angular 5 - Running Single Tests in Jasmine

    Angular 5 - Running Single Tests in Jasmine

    How to run single tests in Jasmine Angular 5 App

    Jun 4, 2018
    Go to Tutorial!
    • js
    • angular
    • jasmine
    • test
  • Angular 5 - Deploy to Github Pages

    Angular 5 - Deploy to Github Pages

    Angular 5 app deploy to Github Pages with angular-cli-ghpages

    Jun 4, 2018
    Go to Tutorial!
    • js
    • angular
    • deploy
  • Event Handling

    Event Handling

    JS Event Handling: bubbling, stopPropagation, capture, once.

    Jun 2, 2018
    Go to Tutorial!
    • js
    • events
  • Reference vs Value

    Reference vs Value

    Diference between 'pass by reference' and 'pass by value'

    Jun 2, 2018
    Go to Tutorial!
    • js
  • Dev Tools Tricks

    Dev Tools Tricks

    Developer Tools - Console Object methods: log, warn, error, info, assert, clear, dir, group, groupCollapse, count, time, table.

    Jun 2, 2018
    Go to Tutorial!
    • js
    • dev-tools
  • Array Cardio #2

    Array Cardio #2

    JS Array Methods: some, every, find, findIndex.

    Jun 2, 2018
    Go to Tutorial!
    • js
    • array
  • Array Cardio #1

    Array Cardio #1

    JS Array Methods: filter, map, sort, reduce and Array.from.

    Jun 1, 2018
    Go to Tutorial!
    • js
    • array
  • Javascript30

    Javascript30

    JS Course from Wes Bos. Thirdy projects developed in VanillaJS.

    Jun 1, 2018
    Go to Tutorial!
    • html5
    • css3
    • js
    • vanillajs
  • Angular 5 - Style Host Element with SASS

    Angular 5 - Style Host Element with SASS

    How to style host element with SASS

    Jun 1, 2018
    Go to Tutorial!
    • js
    • angular
    • sass
© Copyright 2020 by Marina Ferreira
  • Code Sketch Twitter
  • Code Sketch Facebook
  • Code Sketch Channel Youtube
  • Medium
  • Code Sketch Github
  • Linkedin
  • Send Mail