Front end development roadmap

Slide 1

Slide 1 text

Front-end Developer Roadmap Vuejs Nigeria Meetup

Slide 2

Slide 2 text

Hello! I am Amarachi Amaechi Front-end developer & Technical writer You can find me on twitter @AmarachiAmaechi 2

Slide 3

Slide 3 text

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.

Slide 4

Slide 4 text

Who is a front-end developer A front-end developer builds client-side applications using web technologies such as HTML, CSS and javascript. 4

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

6 Old facebook

Slide 7

Slide 7 text

7 New facebook

Slide 8

Slide 8 text

8 Old twitter

Slide 9

Slide 9 text

9 New twitter

Slide 10

Slide 10 text

Skills you need to become a front-end developer 10

Slide 11

Slide 11 text

● Basic Terminal usage(Command line) 11

Slide 12

Slide 12 text

● Git- version control 12

Slide 13

Slide 13 text

● Github- Code-hosting platform 13

Slide 14

Slide 14 text

● Text Editor / IDE(Integrated development environment) 14

Slide 15

Slide 15 text

Basics of a website 15 HTML CSS Javascript

Slide 16

Slide 16 text

HTML Hypertext Markup Language. 16

Slide 17

Slide 17 text

Slide 18

Slide 18 text

18 CSS Cascading Style Sheets

Slide 19

Slide 19 text

CSS Box model 19

Slide 20

Slide 20 text

RESPONSIVE DESIGN 20

Slide 21

Slide 21 text

MEDIA QUERY 21

Slide 22

Slide 22 text

CSS FRAMEWORKS 22

Slide 23

Slide 23 text

23 JAVASCRIPT Language of the web

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

Slide 26

Slide 26 text

WEBSITE DEPLOYMENT 26

Slide 27

Slide 27 text

Salary range for front-end developers in nigeria 27 Intern/entry level #40k -150k Intermediate /mid level #150k - 300k Senior #300k -600k

Slide 28

Slide 28 text

28 Thanks! Any questions? Find me on Twitter @AmarachiAmaechi

Slide 29

Slide 29 text

Credits Special thanks to all the people who made and released these awesome resources for free: > Presentation template by SlidesCarnival > Photographs by Unsplash 29