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