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

Front end development roadmap

Front end development roadmap

Amarachi Amaechi

January 23, 2021
Tweet

More Decks by Amarachi Amaechi

Other Decks in Programming

Transcript

  1. Front-end Developer Roadmap Vuejs Nigeria Meetup

  2. Hello! I am Amarachi Amaechi Front-end developer & Technical writer

    You can find me on twitter @AmarachiAmaechi 2
  3. What is front-end development Front-end web development, also known as

    client-side development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The front end of a website is the part that users interact with. Everything that you see when you’re navigating around the Internet.
  4. Who is a front-end developer A front-end developer builds client-side

    applications using web technologies such as HTML, CSS and javascript. 4
  5. In 2021, front-end development has gone beyond HTML,CSS, and Javascript.

    There are a lot of web technologies you need to learn to be able to excel as a front end developer in 2021. 5
  6. 6 Old facebook

  7. 7 New facebook

  8. 8 Old twitter

  9. 9 New twitter

  10. Skills you need to become a front-end developer 10

  11. • Basic Terminal usage(Command line) 11

  12. • Git- version control 12

  13. • Github- Code-hosting platform 13

  14. • Text Editor / IDE(Integrated development environment) 14

  15. Basics of a website 15 HTML CSS Javascript

  16. HTML Hypertext Markup Language. 16

  17. 17

  18. 18 CSS Cascading Style Sheets

  19. CSS Box model 19

  20. RESPONSIVE DESIGN 20

  21. MEDIA QUERY 21

  22. CSS FRAMEWORKS 22

  23. 23 JAVASCRIPT Language of the web

  24. Javascript framework/libraries Vue After learning the basics of javascript, i

    highly recommend you make Vuejs your first choice because it is beginner friendly. Vue is a progressive framework for building user interfaces. React React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. Angular Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps. 24
  25. 25

  26. WEBSITE DEPLOYMENT 26

  27. Salary range for front-end developers in nigeria 27 Intern/entry level

    #40k -150k Intermediate /mid level #150k - 300k Senior #300k -600k
  28. 28 Thanks! Any questions? Find me on Twitter @AmarachiAmaechi

  29. Credits Special thanks to all the people who made and

    released these awesome resources for free: > Presentation template by SlidesCarnival > Photographs by Unsplash 29