Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[BACK TO CODE BASICS] #1 HTML

Caneco
January 18, 2019

[BACK TO CODE BASICS] #1 HTML

So I was requested by my current company to give a 4 session workshop to onboard some of the new dev colleagues.
I always like to make slides of the topics (even in a hands-on session); explain them, and do live demos.

This is the #1 – about HTML+CSS.

Gotta say that I'm pretty happy with the final result – The choice of the set of illustrations bring the whole thing to another level (thanks to Fullvector), and the puns of the topics were really fun to write.

Caneco

January 18, 2019
Tweet

More Decks by Caneco

Other Decks in Education

Transcript

  1. BACK TO
    CODE
    BASICS
    #1 HTML+CSS
    @Caneco
    illustrations by Fullvector (Freepik)

    View full-size slide

  2. OPINIONATED
    CODE STRUCTURE
    BACK TO CODE BASICS

    View full-size slide

  3. KNOWING YOUR

    BACK TO CODE BASICS

    View full-size slide

  4. HANDLING
    YOUR=“ASSETS/”
    BACK TO CODE BASICS

    View full-size slide

  5. ORGANIZING
    YOUR
    STYLES
    BACK TO CODE BASICS

    View full-size slide

  6. USE ~ .GOOD
    CSS > .SELECTORS
    BACK TO CODE BASICS

    View full-size slide

  7. THANK YOU
    @Caneco
    illustrations by Fullvector (Freepik)

    View full-size slide