Все говорят о старте карьеры в IT, но как всё устроено изнутри? Над какими проектами трудятся программисты? С кем взаимодействуют и как устроена работа в команде? Ответим на все вопросы в прямом эфире 2 июня в 13:00.

А ещё поговорим о том:

— Как устроена разработка в дизайн-студии IDEI.
— Какие навыки нужны новичку во фронтенде, чтобы успешно трудоустроиться.

Спикеры:

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

Записаться на лайв

В начале изучения JavaScript можно легко запутаться в способах хранения данных. С одной стороны, массивы могут быть знакомы вам благодаря циклу for. Но, по мере того, как вы будете заполнять массив данными, код может стать всё менее поддерживаемым.

Выбор между объектом и массивом станет проще, если представлять себе, зачем они вообще нужны. Массивы подобны книгам, в которых содержится та или иная информация, а объекты похожи на газету. Давайте разберёмся, почему так, и зачем нам вообще это странное сравнение.

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

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

Заполняйте <title>. Title должен быть уникальным для каждой страницы, так как непосредственно он используется в поисковой выдаче. Чем он яснее и понятнее написан, тем больше шансов, что пользователь посетит ваш сайт.

Используйте семантичные теги, которые присутствуют в HTML Стандарте.

Tutu.ru использовало таблицу для расписания электричек. Google это учёл и показал таблицу расписания в поисковой выдаче.

Если у вас кулинарный сайт или, допустим, про кино, то карточки рецептов и кино лучше описать с помощью дополнительный семантичной разметки данных. Самая популярная — Shema, но есть и другие: Open Graph, JSON-LD.

Отзыв Сергея Бочарова — студента курса «JavaScript, профессиональная разработка веб-интерфейсов».

Поначалу голова кипела от количества материала, который нужно было изучить, и казалось, что всё вылетит из головы. Думал, что не успею сдать домашнее задание и защитить проект.

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

Чтобы пройти курс, нужно стараться заниматься каждый день, готовиться ко всем лайвам, чтобы было понимание о чём, на нём говорят. Не стесняйтесь задавать вопросы своим наставникам и авторам. Если вы чего-то не поняли, то они всегда помогут.

Курс «JavaScript, профессиональная разработка веб-интерфейсов» входит в состав профессии «React-разработчик». Профессия стартовала, но у вас ещё есть возможность записаться.

Возвращаться к работе после длинных выходных кажется невозможным, а первые рабочие дни — кромешные муки и мысли о праздниках. Хочется вернуться в дни безделья и объедания шашлыками. Вы не одни. По версии испанских исследователей, с этим сталкиваются 35% работающих людей. Давайте разберёмся, почему так происходит, и как влиться наконец в рабочий ритм с минимальным уровнем боли?

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

🔮 Cлучайный совет дня #127
Не пей много кофе — нервная система не скажет спасибо

Дайджест новостей из мира фронтенд-разработки за последнюю неделю 23–29 мая. Вышел Wordpress 6.0, найдена оптимальная длина строки, <dialog> под вопросом.

Читать новости

Когда нам задают домашки в школе или универе, мы обычно не понимаем, зачем их делать, а учителя не объясняют — ну домашка и домашка, просто делайте и всё. И тогда делать их становится неинтересно. Из-за этого легко разлюбить учёбу, пары и больше никогда не ходить на встречи выпускников.

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

Сегодня стартуют профессии «React-разработчик» и «Фулстек-разработчик».
А по промокоду PROMOKOD вы получите скидку
10 000 руб. Скидка действует до 1 июля.

«React-разработчик»

«Фулстек-разработчик»

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. Вместо паники и спешки поехал в отпуск на сэкономленные деньги.

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

Записаться