Successfully reported this slideshow.

Front end Dev and Stuff

0

Share

Loading in …3
×
1 of 27
1 of 27

Front end Dev and Stuff

0

Share

Download to read offline

Description

A condensed version of my DevConMru2018 presentations for the MSCC Code Saturday. These are the slides for a presentation about Front End and new features such as custom properties and css grid. Also contains tips on how to become a Power User.

Transcript

  1. 1. Sandeep Ramgolam Senior Front-end Developer La Sentinelle LTD twitter: @_ _sun_ _
  2. 2. instagram: @lsldigital twitter: @lsldigital
  3. 3. Join the Facebook Group ! “Front-end Coders”
  4. 4. Tips to become a Power User clickbait title for better DX
  5. 5. Front End Dev useful stuff and more candy 👀
  6. 6. WHAT ? 🤔
  7. 7. WHY ? 🤔
  8. 8. window management alt+tab
  9. 9. how to get out of vi yes. seriously.
  10. 10. VS Code • Prettier • multi-caret
  11. 11. multi-caret so good
  12. 12. CSS 4 custom properties
  13. 13. ?
  14. 14. CSS Grid • grid-template-areas • repeat (for responsive awesomeness)
  15. 15. here’s a JavaScript joke
  16. 16. I don’t always JavaScript, but when I do, I TypeScript
  17. 17. Watching movies at work 😎
  18. 18. youtube
  19. 19. let’s go to youtube https://www.youtube.com/watch?v=ggQcmYGk8VM https://www.youtube.com/watch?v=7YZ5DwlLSt8&t=9s

Editor's Notes

  • you might know me from a very old website … lexpress.mu which is our flagship

    SMILE

    Welcome them
  • small dynamic team who managed the digital services and websites of lsl
    vuejs golang

  • The title changed. Was power moves.
  • there’s a lot of things.
    the aim is that your learn things that you’ll use daily after watching this presentation
  • There’s a special place in my heart for people who share

    what is a power user, who is a power user

    ask about their favourite short cuts
  • this is not to show off.
    this is not a goal. after the session you don’t have to know all these by heart.

    next slide talks about saving time
  • dock left right
    dock
  • ask who doesn’t know what vi is.
    Why should you know what is vi
  • lets demo

    use culture/ routes.js to demo this.
  • demonstrate theming capabilities of custom properties
  • and demo time
  • upcoming presentation of the front-end coders about typescript
  • how to learn more…. even more
  • use youtube, magazines of today

    but how ?
  • arrow keys

    faster slower

    number shortcuts
  • Description

    A condensed version of my DevConMru2018 presentations for the MSCC Code Saturday. These are the slides for a presentation about Front End and new features such as custom properties and css grid. Also contains tips on how to become a Power User.

    Transcript

    1. 1. Sandeep Ramgolam Senior Front-end Developer La Sentinelle LTD twitter: @_ _sun_ _
    2. 2. instagram: @lsldigital twitter: @lsldigital
    3. 3. Join the Facebook Group ! “Front-end Coders”
    4. 4. Tips to become a Power User clickbait title for better DX
    5. 5. Front End Dev useful stuff and more candy 👀
    6. 6. WHAT ? 🤔
    7. 7. WHY ? 🤔
    8. 8. window management alt+tab
    9. 9. how to get out of vi yes. seriously.
    10. 10. VS Code • Prettier • multi-caret
    11. 11. multi-caret so good
    12. 12. CSS 4 custom properties
    13. 13. ?
    14. 14. CSS Grid • grid-template-areas • repeat (for responsive awesomeness)
    15. 15. here’s a JavaScript joke
    16. 16. I don’t always JavaScript, but when I do, I TypeScript
    17. 17. Watching movies at work 😎
    18. 18. youtube
    19. 19. let’s go to youtube https://www.youtube.com/watch?v=ggQcmYGk8VM https://www.youtube.com/watch?v=7YZ5DwlLSt8&t=9s

    Editor's Notes

  • you might know me from a very old website … lexpress.mu which is our flagship

    SMILE

    Welcome them
  • small dynamic team who managed the digital services and websites of lsl
    vuejs golang

  • The title changed. Was power moves.
  • there’s a lot of things.
    the aim is that your learn things that you’ll use daily after watching this presentation
  • There’s a special place in my heart for people who share

    what is a power user, who is a power user

    ask about their favourite short cuts
  • this is not to show off.
    this is not a goal. after the session you don’t have to know all these by heart.

    next slide talks about saving time
  • dock left right
    dock
  • ask who doesn’t know what vi is.
    Why should you know what is vi
  • lets demo

    use culture/ routes.js to demo this.
  • demonstrate theming capabilities of custom properties
  • and demo time
  • upcoming presentation of the front-end coders about typescript
  • how to learn more…. even more
  • use youtube, magazines of today

    but how ?
  • arrow keys

    faster slower

    number shortcuts
  • More Related Content

    Related Books

    Free with a 30 day trial from Scribd

    See all

    Related Audiobooks

    Free with a 30 day trial from Scribd

    See all

    ×