Webpack и Gulp — популярные сборщики модулей на JavaScript. Каждый инструмент имеет свои преимущества и недостатки. Возникает вопрос, какой сборщик лучше использовать.  

Банально, но универсального ответа нет.

Дело в том, что оба инструмента выполняют разные функции. Вы можете использовать и Webpack, и Gulp, но чтобы делать это корректно, нужно в первую очередь определиться с тем, какую задачу вам нужно решить. Для наглядности приведём пример из жизни. Вам нужно забить гвоздь. Это можно сделать любым подручным средством, но лучше взять более правильный инструмент — молоток. Так и в JavaScript — инструментов много, но использовать надо подходящий.

Может ли быть в одном проекте и Webpack, и Gulp?

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

Gulp отвечает за сборку проекта. У вас есть исходные файлы, которые нужны разработчику для создания проекта, а на выходе вы хотите получить оптимизированные файлы для пользователя. Поэтому в Gulp удобно и быстро работать с препроцессорами, шаблонизаторами, оптимизацией всевозможных ресурсов — разметка, стили, шрифты, скрипты, картинки, иконки. В конечном счёте мы получаем оптимизированную сборку проекта, которую остаётся отправить на сервер.

С помощью Webpack можно сделать практически всё то же самое, что может Gulp, но Webpack лучше всего подходит для работы с JavaScript-файлами. После работы над многочисленными JavaScript-файлами проекта Webpack создаёт билд — один файл со всей функциональностью сайта. 

Этот билд также можно оптимизировать и разрезать единый файл на чанки — маленькие кусочки билда. Например, если на странице нет модального окна, то билд не будет загружать чанк modal.js.

Не бойтесь экспериментировать. Благодаря этому вы сможете подобрать правильные инструменты.

Многие знают, кто такие фронтенд-разработчики, но не все видели над какими реальными проектами трудятся эти специалисты.

Какие задачи ежедневно выполняют фронтендеры, как работают с другими разработчиками и какими навыками необходимо обладать, чтобы устроиться в хорошую компанию?

Уже завтра в 13:00 мы покажем изнанку этой профессии и расскажем только реальные истории и факты.

Спикеры:

— Серёжа Попов — руководитель фронтенд-аутсорса «Лига А.».
— Дмитрий Захаренков — соучредитель и руководитель проектов в дизайн-студии «IDEI».

Записаться на лайв — https://tml.io/pe3yd

🧞 Как стать наставником и какая от этого польза

Наставник — человек, который сопровождает другого на пути развития и помогает двигаться по нему быстрее: делится знаниями и опытом, развивает навыки и подсказывает, как решать сложные задачи.

Наставничество полезно не только для учащихся IT-курсов или джунов, но и для самих наставников. Оно развивает гибкие и жёсткие навыки, способствует карьерному росту, помогает найти или «вырастить» коллег. В общем, каждый найдёт для себя что-то полезное.

Читать

Проголосуйте в опросе, а правильный ответ читайте в статье «6 простых правил хорошего альт-текста».

Как устроена работа фронтендера? Узнаете уже через 15 минут😻

Обсудим, какие перспективы во фронтенд-разработке вас ждут, над какими задачами трудятся фронтендеры, с кем взаимодействуют и как устроена работа в команде.

Успейте записаться

🏆 5 признаков успешного студента Академии

1. Купил профессию до 15 июня — сэкономил 50 тысяч рублей.
2. Без спешки прошёл подготовительный раздел — теперь учиться будет гораздо легче.
3. За лето прочёл все статьи о том, как учиться (да и вообще все статьи). Теперь может цитировать Колю Шабалина даже во сне.
4. Выбрал наставника на основе звёздной карты июля, чтобы не бояться использовать консультации.
5. Вместо паники и спешки поехал в отпуск на сэкономленные деньги.

Это мы всё к чему — сейчас новый поток профессии «Фронтенд-разработчик» стоит дешевле всего. Плюс у вас будет больше времени, чтобы пройти подготовительный раздел, разобраться с основами и ни на что не отвлекаться на курсе.

Записаться

У программистов много созвонов, на которых они обсуждают, как будут писать код. При этом созвоны никто не любит, потому что они редко заканчиваются вовремя. Некоторые коллеги умеют захватывать внимание — говорят полчаса, а ощущается это как 5 минут. Но у кого-то и две минуты монолога растягиваются на целую вечность, после которой хочется отключиться и больше никогда не быть онлайн.

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

Работать удалённо и получать высокую зарплату — звучит круто? Это вполне реальная перспектива фронтенд-разработчика.

10 июня в 16:00 в прямом эфире расскажем, как стать программистом с нуля, а ещё обсудим многое другое, например:

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

Спикеры:

Лёша Симоненко — директор по развитию HTML Academy.
Юля Корецкая — наставница HTML Academy, senior frontend developer, тимлид в онлайн-школе «Тетрика».

Записаться

Где-то в параллельной вселенной существуют идеальные процессы и идеальные инструменты, которые позволяют создавать дизайн-макеты без единого недочета и упущения.

Наверное, это прекрасная вселенная. Но пока ученые не изобретут способы путешествий между мирами, верстальщикам придется иметь дело с макетами, в которых есть недочёты.

Дизайнер может что-то забыть, не перепроверить проект по чек-листу, не подумать о редких сценариях, ошибиться или просто чего-то не знать.

И не всегда у верстальщика есть возможность обратиться к дизайнеру за комментарием.

Частые проблемы:

— состояния;
— обратная связь;
— системность макета;
— юзабилити и доступность;
— неполный дизайн;
— технические проблемы.

Читать статью

Разработка сайтов — это не только работа в больших компаниях и легендарных проектах. Иногда это магазины, заводы или веб-студии, которые делают «интернет-магазины под ключ» на Вордпрессе и Битриксе. И с этим тоже нужно работать, а значит, пора научиться верстать под CMS.

Отзыв Максима Воропай — студента курса «Node.js. Разработка серверов приложений и API».

Я фронт, но никогда раньше не разрабатывал REST API.

На курсе узнал много нового, научился писать свои консольные инструменты, проектировать и реализовывать БД, узнал, зачем нужно логирование и организовал своё. Удалось даже написать небольшой фреймворк для лучшей организации кода.

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

Курс «Node.js. Разработка серверов приложений и API» входит в состав профессии «Фулстек-разработчик», записаться можно здесь.

Давно хотите разобраться с Figma? Научиться правильно работать с графикой, слоями и текстами? В феврале у нас проходил открытый урок по работе с Figma, который проводили Рома Ивойлов и Артур Трифонов. Посмотреть можно здесь.

А если вы уже смотрели, то поделитесь своими эмоциями😃