I want to be a front-end developer from scratch.
Help me!

What we are going to do today

1. Who is a front-end developer?
2. I am a newbie in IT
3. Links
4. Q&A

Who is a front-end developer?

The front end of a website is the part that users interact with. Everything that you see when you’re navigating around the Internet, from fonts and colors to dropdown menus and sliders, is a combo of HTML, CSS, and JavaScript being controlled by your computer’s browser.

What is JavaScript used for?

JavaScript is mainly used for web-based applications and web browsers. But JavaScript is also used beyond the Web in software, servers and embedded hardware controls.

Adding interactive behavior to web pages

JavaScript allows users to interact with web pages. There are almost no limits to the things you can do with JavaScript on a web page – these are just a few examples:

  • Show or hide more information with the click of a button

  • Change the color of a button when the mouse hovers over it

  • Slide through a carousel of images on the homepage

  • Zooming in or zooming out on an image

  • Displaying a timer or count-down on a website

  • Playing audio and video in a web page

  • Displaying animations

  • Using a drop-down hamburger menu

Creating web and mobile apps

Developers can use various JavaScript frameworks for developing and building web and mobile apps. JavaScript frameworks are collections of JavaScript code libraries that provide developers with pre-written code to use for routine programming features and tasks—literally a framework to build websites or web applications around. 

 

Popular JavaScript front-end frameworks include React, React Native, Angular, and Vue. Many companies use Node.js, a JavaScript runtime environment built on Google Chrome’s JavaScript V8 engine. A few famous examples include Paypal, LinkedIn, Netflix, and Uber!

Building web servers and developing server applications

Beyond websites and apps, developers can also use JavaScript to build simple web servers and develop the back-end infrastructure using Node.js.

Game development

You can also use JavaScript to create browser games. These are a great way for beginning developers to practice their JavaScript skills.

I am a newbie in IT

1. IT’S NOT GOING TO BE EASY
2. YOU NEED A GOAL FROM DAY 1
3. LEARN THE BASICS FIRST
4. LEARNING COMPUTER SCIENCE FUNDAMENTALS
5. HAVE REALISTIC EXPECTATIONS
6. BUILD MEANINGFUL PROJECTS
7. CULTIVATE DETERMINATION AND PATIENCE
8. MAINTAIN YOUR FOCUS
9. YOU NEED TO START NOW

Things you should know to start learning front-end magic

  • string
  • number
  • boolean
  • variable
  • constant
  • cycle (for, while)
  • conditions (if .. else)
  • array
  • object
  • function
  • params of function
  • class
  • DOM
  • events
  • HTML/Css
  • Git
  • tree
  • hash table
  • linked list
  • double-linked list
  • set
  • queue
  • stack
  • graph
 
  • Math algorithms
  • Searching
  • Sorting
  • Binary system
  • OOP

Computer science - worth to know

Data structure - worth to know

JavaScript - mandatory to know

JavaScript / Web-development

Practice!!!

Mandatory (HTML/Css) - at least one of provided

Mandatory (JavaScript)

Additional useful links (optional)

or

Computer science

Mandatory

Additional useful links (optional)

Data structures (worth to know)

Q&A

I'm newbie in FE

By Anna Protasevich

I'm newbie in FE

  • 562