Професия front-end програмист
през погледа на един front-end програмист

HTML

HTML

DOM елементи
Семантика

CSS

CSS

Selectors, specificity
Styling, box model, layout

JavaScript

JavaScript

Основи на програмирането
Работа с DOM
Browser APIs

FE програмист 2022

• Framework centric
• Library driven
• Това къде ще ми трябва?

⚠ HTML

⚠ CSS

⚠ JavaScript

Няма пряк път?

Няма пряк път?

• Основите!
• No-framework проект
• Framework

Интервютата

Защо React е толкова популярен?

Защо React е толкова популярен?

Отговори:

• Защото Facebook са зад него.
• Защото е компонентно базиран. Малък learning curve.
• Защото има one-direction data flow и scale-ва добре.

Още React

• Класове и/или функционални компоненти
• Controlled и uncontrolled компоненти
• State (примери)
• Custom hooks, patterns, защо GraphQL съществува
• CSS в JavaScript

Преход към основите

• CSS методологии и design системи
• A11Y (достъпност)
• JavaScript (hoisting, "this")

Бонус точки

• Testing
• Node

Екипни въпроси

... FE програмист ползва "счупено" API

... FE програмист ползва "счупено" API

• Това е проблем на BE екипа.

... FE програмист ползва "счупено" API

• Това е проблем на BE екипа.
• Комуникация

... FE програмист ползва "счупено" API

• Това е проблем на BE екипа.
• Комуникация
• Robust/fallback + Timebox + комуникация

Въпроси към мен?

Въпроси към мен?

• Логистика?

Въпроси към мен?

• Логистика?
• Stack?

Въпроси към мен?

• Логистика?
• Stack?
• Култура/процеси?

Край

https://krasimir.dev
https://daskalo.dev

Slides:
https://varnaconf2022.vercel.app/