«Интенсив очень сложный и насыщенный, на нём ждёт большой объём работы. В этом вижу только плюсы. Я получила большое количество практических знаний, занималась примерно 4-6 часов в день. В итоге заметила, что моя логика стала лучше. Также научилась работать с некоторыми библиотеками и паттернами и поняла принцип работы сложных приложений. Это очень важный и интересный курс для начинающих JavaScript-разработчиков», — пишет о курсе «JavaScript. Архитектура клиентских приложений» Александра Шубина.
Больше отзывов об одиннадцатом потоке и имена лучших наставников — в нашем отчёте.
Больше отзывов об одиннадцатом потоке и имена лучших наставников — в нашем отчёте.
HTML Academy
Завершился 11 поток курса «JavaScript. Архитектура клиентских приложений»
Рассказали, чему научились студенты за время обучения, поделились важными цифрами и отзывами.
Путь к работе мечты во фронтенде
Обучения с нуля новой профессии — это всегда непонятно, страшно, и требует много усилий. Но даже несмотря на это, просто получить знания — недостаточно для трудоустройства. Давайте разберёмся, какие этапы чаще всего приходится пройти от старта до приглашения на работу.
Обучение
Первый этап — научиться всему, то есть получить актуальные знания и в достаточном объеме, чтобы начать работать. Учиться можно самостоятельно — с книжками, интерактивными тренажёрами, роликами на YouTube.
Но у такого обучения есть свои минусы: непонятно, учитесь ли вы нужному; нет человека, который укажет на ошибки; недостаточная мотивация; нет точных сроков обучения. Чтобы было немного проще, прочитайте наше руководство о том, как стать фронтендером в 2020 году.
Второй путь — пойти на полноценный курс, где для вас собрана актуальная программа с навыками, востребованными на рынке, и есть ментор, который будет помогать.
Сбор портфолио
Но чтобы найти работу, нужно сделать немножечко больше, чем просто выучиться — нужно разогнаться и собрать портфолио. Учебные проекты с курсов — это хорошо, но часто этого недостаточно. Такие проекты делаются с наставником в комфортном режиме, и часто работодатели это понимают.
Чтобы портфолио стало «живым», сделайте самостоятельно ещё три разных проекта, например, одностраничный лендинг, интернет-магазин и какой-нибудь калькулятор на JavaScript. А потом найдите ментора, который отревьюит ваш код.
Вакансии и резюме
Следующий этап — поиск вакансий и прохождение отбора. Если вы будете ждать, пока вас работа найдёт сама, и не будете ничего делать — скорее всего, ничего из этого не получится. Начните с оформления резюме — опишите ваш опыт в IT, добавьте сертификаты, ссылку на портфолио. Ищите вакансии не только на специальных порталах, но и пишите компаниям напрямую. Если вы учились на курсах, узнайте, предлагают ли они вакансии для выпускников. Например, в HTML Academy есть «Центр карьеры» — внутреннее рекрутинговое агентство, которое напрямую соединяет компании и заинтересованных выпускников.
Не забывайте писать сопроводительные письма, делайте тестовые задания. Не исчезайте с тестовым — даже если вы не сделали его идеально, присылайте в том виде, в котором оно есть. А когда вас пригласят на собеседование, постарайтесь избегать типичных проблем: не опаздывайте, не обманывайте, приходите с планом развития и будьте открытыми.
Если вам отказали — не опускайте руки. Компаний много и, возможно, в одной конкретной требования к навыкам выше, чем вы ожидали. Продолжайте искать, чтобы найти свою компанию.
Что в итоге
1. Получите актуальные и востребованные знания
2. Прокачайте скорость работы и соберите портфолио
3. Составьте хорошее резюме
4. Ищите вакансии в разных местах
5. Не отказывайтесь от тестовых заданий
6. Не переживайте, если не получилось, и пробуйте ещё
Обучения с нуля новой профессии — это всегда непонятно, страшно, и требует много усилий. Но даже несмотря на это, просто получить знания — недостаточно для трудоустройства. Давайте разберёмся, какие этапы чаще всего приходится пройти от старта до приглашения на работу.
Обучение
Первый этап — научиться всему, то есть получить актуальные знания и в достаточном объеме, чтобы начать работать. Учиться можно самостоятельно — с книжками, интерактивными тренажёрами, роликами на YouTube.
Но у такого обучения есть свои минусы: непонятно, учитесь ли вы нужному; нет человека, который укажет на ошибки; недостаточная мотивация; нет точных сроков обучения. Чтобы было немного проще, прочитайте наше руководство о том, как стать фронтендером в 2020 году.
Второй путь — пойти на полноценный курс, где для вас собрана актуальная программа с навыками, востребованными на рынке, и есть ментор, который будет помогать.
Сбор портфолио
Но чтобы найти работу, нужно сделать немножечко больше, чем просто выучиться — нужно разогнаться и собрать портфолио. Учебные проекты с курсов — это хорошо, но часто этого недостаточно. Такие проекты делаются с наставником в комфортном режиме, и часто работодатели это понимают.
Чтобы портфолио стало «живым», сделайте самостоятельно ещё три разных проекта, например, одностраничный лендинг, интернет-магазин и какой-нибудь калькулятор на JavaScript. А потом найдите ментора, который отревьюит ваш код.
Вакансии и резюме
Следующий этап — поиск вакансий и прохождение отбора. Если вы будете ждать, пока вас работа найдёт сама, и не будете ничего делать — скорее всего, ничего из этого не получится. Начните с оформления резюме — опишите ваш опыт в IT, добавьте сертификаты, ссылку на портфолио. Ищите вакансии не только на специальных порталах, но и пишите компаниям напрямую. Если вы учились на курсах, узнайте, предлагают ли они вакансии для выпускников. Например, в HTML Academy есть «Центр карьеры» — внутреннее рекрутинговое агентство, которое напрямую соединяет компании и заинтересованных выпускников.
Не забывайте писать сопроводительные письма, делайте тестовые задания. Не исчезайте с тестовым — даже если вы не сделали его идеально, присылайте в том виде, в котором оно есть. А когда вас пригласят на собеседование, постарайтесь избегать типичных проблем: не опаздывайте, не обманывайте, приходите с планом развития и будьте открытыми.
Если вам отказали — не опускайте руки. Компаний много и, возможно, в одной конкретной требования к навыкам выше, чем вы ожидали. Продолжайте искать, чтобы найти свою компанию.
Что в итоге
1. Получите актуальные и востребованные знания
2. Прокачайте скорость работы и соберите портфолио
3. Составьте хорошее резюме
4. Ищите вакансии в разных местах
5. Не отказывайтесь от тестовых заданий
6. Не переживайте, если не получилось, и пробуйте ещё
Вот она, хорошая, новая глава в курсе «Знакомство с PHP» — «Массивы и функции в PHP».
Вы научитесь:
— как создавать собственные функции и использовать встроенные;
— с помощью функций сортировать, фильтровать, копировать и перемешивать массивы;
— а ещё доделаете страницу доставки и выведете на главную страницу карточки со случайными товарами.
Ждать больше нельзя, пора приступать к прохождению! А мы, как всегда, будет ждать от вас отзывов.
Вы научитесь:
— как создавать собственные функции и использовать встроенные;
— с помощью функций сортировать, фильтровать, копировать и перемешивать массивы;
— а ещё доделаете страницу доставки и выведете на главную страницу карточки со случайными товарами.
Ждать больше нельзя, пора приступать к прохождению! А мы, как всегда, будет ждать от вас отзывов.
Гриды для раскладки, флексбокс для компонентов. Разбираемся, что и в каких ситуациях использовать.
https://ishadeed.com/article/grid-layout-flexbox-components/
https://ishadeed.com/article/grid-layout-flexbox-components/
Завтра в 12:00 по московскому времени в прямом эфире поговорим о том, как устроен фронтенд в Selectel.
Вместе с Валерием Кондратьевым, руководителем отдела разработки и тестирования интерфейсов, и младшим фронтенд-разработчиком Денисом Соколинскии обсудим:
— как устроена фронтенд-разработка и вёрстка в компании;
— что изменилось с приходом самоизоляции;
— какие технологии используются в работе;
— требования к разработчикам, чтобы попасть в команду;
— опыт найма и работы с выпускниками Академии.
Чтобы не пропустить трансляцию — зарегистрируйтесь.
Вместе с Валерием Кондратьевым, руководителем отдела разработки и тестирования интерфейсов, и младшим фронтенд-разработчиком Денисом Соколинскии обсудим:
— как устроена фронтенд-разработка и вёрстка в компании;
— что изменилось с приходом самоизоляции;
— какие технологии используются в работе;
— требования к разработчикам, чтобы попасть в команду;
— опыт найма и работы с выпускниками Академии.
Чтобы не пропустить трансляцию — зарегистрируйтесь.
Мы уже в эфире, чтобы поговорить с сотрудниками Selectel о том, как устроен фронтенд в компании, и об опыте найма выпускников Академии — подключайтесь.
Разбираемся, какие существуют популярные способы создания кнопок для закрытия попапов и модальных окон, их плюсы и минусы.
https://habr.com/ru/company/ruvds/blog/505758/
https://habr.com/ru/company/ruvds/blog/505758/
Два факта о сегодняшнем дне:
🌮 в мире отмечается День устойчивой гастрономии (что бы это ни значило);
💸 а мы проводим распродажу вечного доступа к тренажёрам!
При покупке вечного доступа:
— материалы курсов останутся у вас навсегда;
— не нужно продлевать доступ;
— все будущие курсы станут доступны вам без дополнительной оплаты.
Только до 21 июня стоимость тарифа «навсегда» 12990 рублей вместо 18990.
🌮 в мире отмечается День устойчивой гастрономии (что бы это ни значило);
💸 а мы проводим распродажу вечного доступа к тренажёрам!
При покупке вечного доступа:
— материалы курсов останутся у вас навсегда;
— не нужно продлевать доступ;
— все будущие курсы станут доступны вам без дополнительной оплаты.
Только до 21 июня стоимость тарифа «навсегда» 12990 рублей вместо 18990.
Короткая шпаргалка о том, как правильно ставить ссылки и не теряться в адресах.
HTML Academy
Абсолютные и относительные ссылки
Всё, что вы хотели знать об адресации ссылок.
Про консультации с наставниками
На профессиональных курсах с каждым студентом работает наставник. Рассказали, какие типы консультаций доступны для учащихся, и как к ним лучше подготовиться👨💻 А о том, как отличить хорошего наставника от плохого, писали в блоге.
Консультации — это возможность задать своему наставнику любой вопрос по теории или заданию. При этом сначала нужно попробовать найти решение самостоятельно. И только если вы не смогли найти решение ни в лекции, ни в материалах, ни в интернете, стоит это добавить в список своих вопросов, которые вы планируете обсудить на ближайшей консультации.
Консультации могут быть как голосовыми, так и письменными. Наличие двух подходов не означает, что вам нужно выбрать только один из них. Они легко сочетаются и могут быть использованы в зависимости от ситуации и сложности вопросов, которые необходимо обсудить с наставником. Если вы не уверены, какой из вариантов подойдёт вам лучше, обсудите это с наставником сразу после знакомства. Вы можете уточнить в каком формате удобно работать вашему наставнику и рассказать о том, как хотели бы работать вы.
Голосовые консультации подойдут тем, кто легко воспринимает информацию на слух или у кого ограничено количество свободного времени на общение с наставником. На такой консультации вы сможете задавать дополнительные вопросы или уточнять то, что вам не понятно, «в прямом эфире». При этом мы советуем не конспектировать ответы наставника, чтобы не терять нить объяснений, а записывать разговор на видео. Для этого можно использовать либо функцию записи, встроенную прямо в Skype, либо установить любую программу для захвата экрана. Для удобной навигации по записи при перепросмотре мы советуем всегда проводить такие консультации с шарингом экрана.
Если вам неудобно общаться с наставником голосом — используйте письменные консультации. Перед консультацией лучше всего собирать вопросы в ходе изучения материалов или выполнения домашних заданий, а потом присылать их все сразу в виде нумерованного списка. В таком формате вам будет легче сохранять контекст ответов и не придётся переспрашивать на какой вопрос это был ответ.
На профессиональных курсах с каждым студентом работает наставник. Рассказали, какие типы консультаций доступны для учащихся, и как к ним лучше подготовиться👨💻 А о том, как отличить хорошего наставника от плохого, писали в блоге.
Консультации — это возможность задать своему наставнику любой вопрос по теории или заданию. При этом сначала нужно попробовать найти решение самостоятельно. И только если вы не смогли найти решение ни в лекции, ни в материалах, ни в интернете, стоит это добавить в список своих вопросов, которые вы планируете обсудить на ближайшей консультации.
Консультации могут быть как голосовыми, так и письменными. Наличие двух подходов не означает, что вам нужно выбрать только один из них. Они легко сочетаются и могут быть использованы в зависимости от ситуации и сложности вопросов, которые необходимо обсудить с наставником. Если вы не уверены, какой из вариантов подойдёт вам лучше, обсудите это с наставником сразу после знакомства. Вы можете уточнить в каком формате удобно работать вашему наставнику и рассказать о том, как хотели бы работать вы.
Голосовые консультации подойдут тем, кто легко воспринимает информацию на слух или у кого ограничено количество свободного времени на общение с наставником. На такой консультации вы сможете задавать дополнительные вопросы или уточнять то, что вам не понятно, «в прямом эфире». При этом мы советуем не конспектировать ответы наставника, чтобы не терять нить объяснений, а записывать разговор на видео. Для этого можно использовать либо функцию записи, встроенную прямо в Skype, либо установить любую программу для захвата экрана. Для удобной навигации по записи при перепросмотре мы советуем всегда проводить такие консультации с шарингом экрана.
Если вам неудобно общаться с наставником голосом — используйте письменные консультации. Перед консультацией лучше всего собирать вопросы в ходе изучения материалов или выполнения домашних заданий, а потом присылать их все сразу в виде нумерованного списка. В таком формате вам будет легче сохранять контекст ответов и не придётся переспрашивать на какой вопрос это был ответ.
Что должен уметь верстальщик в 2020 году: собрали список навыков, которые повышают шансы найти работу.
HTML Academy
Что должен уметь верстальщик
Рассказываем об основных технологиях и инструментах, которые требуются в вакансиях верстальщика.
На нашем сайте опубликован в открытом доступе учебник по PHP.
Он состоит из шести глав:
— Знакомство с языком;
— Шаблонизация и подключение файлов;
— Протокол HTTP и формы;
— Идентификация пользователя на сайте;
— Базы данных;
— Объекты и использование библиотек.
Учебник полностью актуален, рассчитан для новичков и подходит для желающих освоить основы языка.
Пользуйтесь на здоровье!
Он состоит из шести глав:
— Знакомство с языком;
— Шаблонизация и подключение файлов;
— Протокол HTTP и формы;
— Идентификация пользователя на сайте;
— Базы данных;
— Объекты и использование библиотек.
Учебник полностью актуален, рассчитан для новичков и подходит для желающих освоить основы языка.
Пользуйтесь на здоровье!
Туториал по реализации эффекта drag & drop на ванильном JavaScript. Разбираем на примере сортировки списка задач.
В конце статьи — ссылка на интерактивную демонстрацию с полным кодом решения.
В конце статьи — ссылка на интерактивную демонстрацию с полным кодом решения.
HTML Academy
Туториал. Список задач с drag & drop
Расписали по шагам, как сделать интерактивный список задач, используя HTML Drag and Drop API.
Как доступно прятать и стилизовать чекбоксы и радиокнопки.
https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
Будучи веб-разработчиком, вам, наверняка, доведётся поработать с тестировщиками. Чтобы знать, к чему готовиться, мы поговорили с Михаилом, специалистом по тестированию из Яндекс.Денег.
Получилось 18 вопросов о его работе и о том, что тестировщиков бесит в программистах.
Получилось 18 вопросов о его работе и о том, что тестировщиков бесит в программистах.
Запускаем новый продукт на базе Акселератора — «Аттестацию». Она поможет узнать свой уровень в вёрстке и понять, какие навыки развивать в первую очередь.
Как проходит «Аттестация»:
— вы получаете вводную информацию, макет и техническое задание;
— мы засекаем ровно 7 дней с момента получения вами макета (этого достаточно для работы в комфортном темпе);
— затем проверяем вашу работу на соответствие техническому заданию и критериям, подводим итоги и пишем фидбек;
— возвращаем вам результат, в котором вы найдете файл с проверкой, где указаны ошибки по конкретным критериям, и рекомендации для дальнейшего развития.
«Аттестация» — как экзамен в университете, только все полученные навыки пригодятся в работе.
10 первых проектов в «Аттестации» доступны за 2000 ₽ вместо 2500 ₽ ⚡️
Как проходит «Аттестация»:
— вы получаете вводную информацию, макет и техническое задание;
— мы засекаем ровно 7 дней с момента получения вами макета (этого достаточно для работы в комфортном темпе);
— затем проверяем вашу работу на соответствие техническому заданию и критериям, подводим итоги и пишем фидбек;
— возвращаем вам результат, в котором вы найдете файл с проверкой, где указаны ошибки по конкретным критериям, и рекомендации для дальнейшего развития.
«Аттестация» — как экзамен в университете, только все полученные навыки пригодятся в работе.
10 первых проектов в «Аттестации» доступны за 2000 ₽ вместо 2500 ₽ ⚡️
Цикл статей про базовые возможности Chrome DevTools:
«Введение в Chrome DevTools. Панель Elements» — https://tml.io/38z3d
«Введение в Chrome DevTools. Console, Sources, Network» — https://tml.io/2p9jt
«Введение в Chrome DevTools. Панель Elements» — https://tml.io/38z3d
«Введение в Chrome DevTools. Console, Sources, Network» — https://tml.io/2p9jt
HTML Academy
Введение в Chrome DevTools. Панель Elements
Рассказали, как Chrome DevTools помогут вам при вёрстке интерфейсов.
Разрабатывать программы можно самостоятельно, делая всё с нуля, или прибегнув к помощи фреймворков.
Фреймворк — это набор библиотек и компонентов, которые предоставляют собой базовый каркас продукта. Они нужны для того, чтобы разработчикам не приходилось каждый раз при типовых задачах «изобретать колесо». Самый популярный HTML/CSS фреймворк — это Bootstrap.
Фреймворки ограничивают программиста своей архитектурой, но экономят время на разработку и упрощают подключение новых людей к проекту, так как есть стандарты и порядок при работе с конкретным фреймворком.
Фреймворк — это набор библиотек и компонентов, которые предоставляют собой базовый каркас продукта. Они нужны для того, чтобы разработчикам не приходилось каждый раз при типовых задачах «изобретать колесо». Самый популярный HTML/CSS фреймворк — это Bootstrap.
Фреймворки ограничивают программиста своей архитектурой, но экономят время на разработку и упрощают подключение новых людей к проекту, так как есть стандарты и порядок при работе с конкретным фреймворком.
Список цветов в CSS, сгруппированных по оттенкам, яркости и насыщенности.
https://enes.in/sorted-colors/
https://enes.in/sorted-colors/
Почему компании смотрят на софт-скиллы
На собеседованиях работодатели обращают внимание не только на технические знания, но и на софт-скиллы (или «гибкие навыки»). Иначе говоря на то, как человек общается, реагирует на критику, насколько он организован.
Почему это важно
Для этого есть очень простое объяснение — человека не хочется перевоспитывать на работе. Подтянуть знания — несложно: нужен только учебник и наставник. Но объяснить человеку, что он себя как-то не так ведёт — сложнее и болезненнее. Поэтому берут на работу тех, с кем будет комфортно взаимодействовать всем членам команды, даже если его навыки чуть менее развиты, чем у других претендентов на должность.
Что же делать на собеседовании
Обращайте внимание, насколько ясно и понятно вы доносите свою мысль. При указании на ошибку — не воюйте, учитесь признавать свои ошибки и исправлять их. На собеседовании будьте дружелюбны и позитивно настроены.
Готовы быстро учиться и приспосабливаться к новым условиям? Здорово, в сфере веб-разработки это точно пригодится! Опишите работодателю, как вы осваивали новую технологию, расскажите, что ещё планируете выучить и куда планируете развиваться.
Если представится возможность — расскажите о своих менеджерских навыках: что вы хорошо организуете свою работу, не срываете дедлайны, готовы взаимодействовать и общаться с коллегами из других отделов. Не во всех компаниях эту работу за вас будет делать тимлид, поэтому умение общаться и решать проблемы — это важно.
Прокачивайтесь
Если чувствуете, что с гибкими навыками есть проблемы — осознайте их и работайте над собой. Начните с нашей статьи о том, какие софт-скиллы прокачивать начинающему разработчику. И вот ещё несколько книг, которые тоже помогут в развитии:
М. Дорофеев. «Джедайские техники: Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо» — развиваем личную эффективность.
М. Мэнсон. «Тонкое искусство Пофигизма. Парадоксальный способ быть счастливым» — прокачиваем стрессоустойчивость.
Г. Кеннеди. «Договориться можно обо всём! Как добиваться максимума в любых переговорах» — учимся договариваться и общаться.
На собеседованиях работодатели обращают внимание не только на технические знания, но и на софт-скиллы (или «гибкие навыки»). Иначе говоря на то, как человек общается, реагирует на критику, насколько он организован.
Почему это важно
Для этого есть очень простое объяснение — человека не хочется перевоспитывать на работе. Подтянуть знания — несложно: нужен только учебник и наставник. Но объяснить человеку, что он себя как-то не так ведёт — сложнее и болезненнее. Поэтому берут на работу тех, с кем будет комфортно взаимодействовать всем членам команды, даже если его навыки чуть менее развиты, чем у других претендентов на должность.
Что же делать на собеседовании
Обращайте внимание, насколько ясно и понятно вы доносите свою мысль. При указании на ошибку — не воюйте, учитесь признавать свои ошибки и исправлять их. На собеседовании будьте дружелюбны и позитивно настроены.
Готовы быстро учиться и приспосабливаться к новым условиям? Здорово, в сфере веб-разработки это точно пригодится! Опишите работодателю, как вы осваивали новую технологию, расскажите, что ещё планируете выучить и куда планируете развиваться.
Если представится возможность — расскажите о своих менеджерских навыках: что вы хорошо организуете свою работу, не срываете дедлайны, готовы взаимодействовать и общаться с коллегами из других отделов. Не во всех компаниях эту работу за вас будет делать тимлид, поэтому умение общаться и решать проблемы — это важно.
Прокачивайтесь
Если чувствуете, что с гибкими навыками есть проблемы — осознайте их и работайте над собой. Начните с нашей статьи о том, какие софт-скиллы прокачивать начинающему разработчику. И вот ещё несколько книг, которые тоже помогут в развитии:
М. Дорофеев. «Джедайские техники: Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо» — развиваем личную эффективность.
М. Мэнсон. «Тонкое искусство Пофигизма. Парадоксальный способ быть счастливым» — прокачиваем стрессоустойчивость.
Г. Кеннеди. «Договориться можно обо всём! Как добиваться максимума в любых переговорах» — учимся договариваться и общаться.