Что значит быть 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)
- умение работать в команде
- коммуникабельность
- умение и желание учить других
- ...
Где и как учиться?
Тренинги, курсы:
Сообщества, конференции, встречи:
training.by
Что значит быть front-end разработчиком
By Maria Putyrskaya
Что значит быть front-end разработчиком
- 1,177