​​17 июня в 12:00 по московскому времени в прямом эфире встретимся с сотрудниками компании Selectel: Валерием Кондратьевым, руководителем отдела разработки и тестирования интерфейсов, и Денисом Соколинским, младшим фронтенд-разработчиком.

Обсудим:
— как устроена фронтенд-разработка и вёрстка в компании;
— что изменилось с приходом самоизоляции;
— какие технологии используются в работе;
— требования к разработчикам, чтобы попасть в команду;
— опыт найма и работы с выпускниками Академии.

Запишитесь на трансляцию, чтобы не пропустить.

​​Наша старенькая, но не устаревшая статья о том, как склеивать коммиты и зачем это нужно. Давайте вспоминать 🧐

​​В «Акселераторе» появились два новых проекта по JavaScript:

Avto Moto — простой проект по JavaScript, в котором вы поработаете с интерактивными элементами (слайдером, вкладками (табами), попапами), настроите возможность добавлять отзывы и ставить оценку товара.

Guitar Shop — сложный проект по JavaScript. Вам предстоит работа над сайтом интернет-магазина музыкальных инструментов. Красивый и интересный макет, который доставит визуальное удовольствие и прокачает ваши навыки JavaScript. Вы не только сверстайте страницу каталога и корзину интернет-магазина, но и настроите
работу фильтров, добавление товара в корзину, применение промокода.

Если вы хотите получать новости о новых проектах, специальные предложения и скидки — подпишитесь на рассылку «Акселератора» (форма записи в конце лендинга ). Первое письмо отправим уже на этой неделе, с бонусом для подписчиков, конечно 😉

12 советов по внедрению TypeScript в React-приложениях.

https://habr.com/ru/company/tinkoff/blog/505488/

​​Раз в неделю наш редактор Женя отправляет письма с новыми статьями из блога. Делает он это не просто так, а с душой: то поделиться списком вещей, которые нужно сделать до 30 лет, то всё письмо напишет в рифму. Но, конечно, не забывает, что мы тут про обучение веб-разработке.

Чтобы получать такое письмо, подпишитесь на редакторскую рассылку. Женя будет рад!

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

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

Мы советуем выделять на обучение 2-3 часа в день, но это очень индивидуально. И важнее не точное количество времени, а регулярность ваших занятий. Если заниматься каждый день, пусть даже полчаса, за которые вы успеете сделать совсем немного, нагрузка при прохождении курса будет распределена равномернее, и ваш мозг не закипит. Но он точно закипит, если вы попробуете сделать несколько заданий за один присест в выходные.

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

Что ещё почитать:
— Коля Шабалин: как найти время на учёбу и перестать гореть
— Лера Зелёная: проблемы начинающих программистов и как их решать
— Как учиться продуктивно

Пошаговое руководство по созданию гамбургер-меню на SVG и CSS.

https://uxdesign.cc/the-menu-210bec7ad80c

«Интенсив очень сложный и насыщенный, на нём ждёт большой объём работы. В этом вижу только плюсы. Я получила большое количество практических знаний, занималась примерно 4-6 часов в день. В итоге заметила, что моя логика стала лучше. Также научилась работать с некоторыми библиотеками и паттернами и поняла принцип работы сложных приложений. Это очень важный и интересный курс для начинающих JavaScript-разработчиков», — пишет о курсе «JavaScript. Архитектура клиентских приложений» Александра Шубина.

Больше отзывов об одиннадцатом потоке и имена лучших наставников — в нашем отчёте.

Путь к работе мечты во фронтенде

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

Обучение
Первый этап — научиться всему, то есть получить актуальные знания и в достаточном объеме, чтобы начать работать. Учиться можно самостоятельно — с книжками, интерактивными тренажёрами, роликами на YouTube.

Но у такого обучения есть свои минусы: непонятно, учитесь ли вы нужному; нет человека, который укажет на ошибки; недостаточная мотивация; нет точных сроков обучения. Чтобы было немного проще, прочитайте наше руководство о том, как стать фронтендером в 2020 году.

Второй путь — пойти на полноценный курс, где для вас собрана актуальная программа с навыками, востребованными на рынке, и есть ментор, который будет помогать.

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

Чтобы портфолио стало «живым», сделайте самостоятельно ещё три разных проекта, например, одностраничный лендинг, интернет-магазин и какой-нибудь калькулятор на JavaScript. А потом найдите ментора, который отревьюит ваш код.

Вакансии и резюме
Следующий этап — поиск вакансий и прохождение отбора. Если вы будете ждать, пока вас работа найдёт сама, и не будете ничего делать — скорее всего, ничего из этого не получится. Начните с оформления резюме — опишите ваш опыт в IT, добавьте сертификаты, ссылку на портфолио. Ищите вакансии не только на специальных порталах, но и пишите компаниям напрямую. Если вы учились на курсах, узнайте, предлагают ли они вакансии для выпускников. Например, в HTML Academy есть «Центр карьеры» — внутреннее рекрутинговое агентство, которое напрямую соединяет компании и заинтересованных выпускников.

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

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

Что в итоге
1. Получите актуальные и востребованные знания
2. Прокачайте скорость работы и соберите портфолио
3. Составьте хорошее резюме
4. Ищите вакансии в разных местах
5. Не отказывайтесь от тестовых заданий
6. Не переживайте, если не получилось, и пробуйте ещё

​​Вот она, хорошая, новая глава в курсе «Знакомство с PHP» — «Массивы и функции в PHP».

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

Ждать больше нельзя, пора приступать к прохождению! А мы, как всегда, будет ждать от вас отзывов.

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

https://ishadeed.com/article/grid-layout-flexbox-components/

​​Завтра в 12:00 по московскому времени в прямом эфире поговорим о том, как устроен фронтенд в Selectel.

Вместе с Валерием Кондратьевым, руководителем отдела разработки и тестирования интерфейсов, и младшим фронтенд-разработчиком Денисом Соколинскии обсудим:

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

Чтобы не пропустить трансляцию — зарегистрируйтесь.

​​Мы уже в эфире, чтобы поговорить с сотрудниками Selectel о том, как устроен фронтенд в компании, и об опыте найма выпускников Академии — подключайтесь.

Разбираемся, какие существуют популярные способы создания кнопок для закрытия попапов и модальных окон, их плюсы и минусы.

https://habr.com/ru/company/ruvds/blog/505758/

​​Два факта о сегодняшнем дне:
🌮 в мире отмечается День устойчивой гастрономии (что бы это ни значило);
💸 а мы проводим распродажу вечного доступа к тренажёрам!

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

Только до 21 июня стоимость тарифа «навсегда» 12990 рублей вместо 18990.

Короткая шпаргалка о том, как правильно ставить ссылки и не теряться в адресах.

Про консультации с наставниками

На профессиональных курсах с каждым студентом работает наставник. Рассказали, какие типы консультаций доступны для учащихся, и как к ним лучше подготовиться👨‍💻 А о том, как отличить хорошего наставника от плохого, писали в блоге.

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

Консультации могут быть как голосовыми, так и письменными. Наличие двух подходов не означает, что вам нужно выбрать только один из них. Они легко сочетаются и могут быть использованы в зависимости от ситуации и сложности вопросов, которые необходимо обсудить с наставником. Если вы не уверены, какой из вариантов подойдёт вам лучше, обсудите это с наставником сразу после знакомства. Вы можете уточнить в каком формате удобно работать вашему наставнику и рассказать о том, как хотели бы работать вы.

Голосовые консультации подойдут тем, кто легко воспринимает информацию на слух или у кого ограничено количество свободного времени на общение с наставником. На такой консультации вы сможете задавать дополнительные вопросы или уточнять то, что вам не понятно, «в прямом эфире». При этом мы советуем не конспектировать ответы наставника, чтобы не терять нить объяснений, а записывать разговор на видео. Для этого можно использовать либо функцию записи, встроенную прямо в Skype, либо установить любую программу для захвата экрана. Для удобной навигации по записи при перепросмотре мы советуем всегда проводить такие консультации с шарингом экрана.

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

Что должен уметь верстальщик в 2020 году: собрали список навыков, которые повышают шансы найти работу.

Подробный справочник по гридам.

https://yoksel.github.io/grid-cheatsheet/

​​На нашем сайте опубликован в открытом доступе учебник по PHP.
Он состоит из шести глав:

— Знакомство с языком;
— Шаблонизация и подключение файлов;
— Протокол HTTP и формы;
— Идентификация пользователя на сайте;
— Базы данных;
— Объекты и использование библиотек.

Учебник полностью актуален, рассчитан для новичков и подходит для желающих освоить основы языка.

Пользуйтесь на здоровье!

Туториал по реализации эффекта drag & drop на ванильном JavaScript. Разбираем на примере сортировки списка задач.

В конце статьи — ссылка на интерактивную демонстрацию с полным кодом решения.