Что значит быть front-end
разработчиком

человек-оркестр и вечный студент

Веб-разработка — процесс создания веб-сайта или веб-приложения

Идея
Проектирование
Дизайн (концепция, макеты)
Верстка страниц
Программирование (разработка функциональных инструментов) и подключение в CMS (системе управления сайтом)
Тестирование
Размещение ресурса в сети

Технологии

Что в голове у front-end разработчика?

(облегченная версия)

HTML

CSS

JavaScript

Hyper Text Markup Language

разметка

Cascading Style Sheets

стили

язык сценариев

Усложненная версия front-end разработчика

Фреймворки

программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта.

jQuery

Ember.js

React.js

Bootstrap

Backbone

Библиотека

сборник подпрограмм или объектов, используемых для разработки программного обеспечения .

AngularJS

etc...

Препроцессоры

это компьютерная программа, принимающая данные на входе и выдающая данные, предназначенные для входа другой программы (например, компилятора)

SASS

LESS

Пример HTML/CSS кода

<html>

<head>
    <title>Самая простая страница</title>


    <style>
            h1 {
                color: #ff0000;
                font-size: 40px;
            }
            .text {
                font-size: 25px;
                margin: 30px 20px;
            }
    </style>
</head>


<body>
    
    <h1>Это главный заголовок</h1>

    <p class="text"> Это просто абзац с текстом бла-бла-бла</p>

</body>


</html>

В браузере вы увидите:

Увидеть "внутренности" сайта можно нажав Ctrl+U в браузере

Пример javaScript кода

var names = 'Маша, Петя, Марина, Василий';

var arr = names.split(', ');

for (var i = 0; i < arr.length; i++) {
  alert( 'Вам сообщение ' + arr[i] );
}

Так что же делает front-end разработчик?

Работа с документацией и требованиями
Оценка времени работы
Работа с дизайнером (выяснение нюансов)
Верстка
Программирование (javascript)
Тестирование в браузерах, на платформах и девайсах)
Взаимодействие с командой: с программистами, тестировщиками и др
Общение с заказчиком

А что еще?

ENGLISH!!!
Желание постоянно учиться и развиваться (читать статьи, следить за новинками, посещать meet-ups и tech-talks)
умение работать в команде
коммуникабельность
умение и желание учить других
...