CodeRoll | Frontend

Есть несколько причин, почему большинство обучающих курсов малоэффективны. Во-первых, без жестких дедлайнов становится лень выполнять дз и смотреть видеоуроки. Первые дни после покупки курса ты замотивирован окупить свои вложения. Затем продолжаешь смотреть видеоуроки, но уже забиваешь на дз. А заканчивается все потерей полной мотивации к продолжению обучения спустя 1-2 месяца после покупки. Во-вторых, не хватает опытного наставника, который заинтересован в твоем результате и росте, а не в продолжении оплаты подписки учениками. Опытный наставник поможет преодолеть сложные моменты, на которых ты теряешь мотивацию продолжать работу, поможет выработать лучшие практики и пайплайны работ, расскажет о реальном опыте работы над проектами и фишках. В-третих, на курсах дают мало практики. Самостоятельная работа руками является единственным рабочим способом запомнить информацию и научиться делать эти работы. Чем больше практики, тем выше твои навыки и опыт. Отсюда вытекает, что идеальный курс построен на большом кол-ве практики под наставничеством опытного ментора, а его длительность — до 2-3 месяцев. Это должен быть настоящий интенсив, на котором ты фокусируешься и работаешь нон-стоп, но после которого выходишь готовым специалистом. Одним из таких примеров для начинающих разработчиков является интенсив по верстке и разработке на zerocode от Антона Шакирова, руководителя студии Method Zero, который пройдет с 7 февраля по 14 марта. Это отличный шанс попасть в IT сферу под наставничеством опытного разработчика и дизайнера. Антон научит верстке, запуску сайтов, научит разрабатывать wow-сайты с анимациями, интерактивами и сложными дизайн-решениями. Научит базовому дизайну для разработчиков и основам js. Сам интенсив построен на большом количестве практики и на обратной связи, за счет чего ты быстро всему научишься. Залетай на курс и реализуй свои амбиции. Подробное описание интенсива и запись по ссылке https://tinyurl.com/bdz7bsfj #реклама

Скелетные шаблоны Скелетные шаблоны - что это? Их еще называют заполнителями контента, превью интерфейса. Скорее всего, вы уже видели их раньше, так как они используются некоторыми крупными компаниями, такими, как YouTube, Facebook и Medium. Главное назначение этих заполнителей - скрывать еще не подгрузившийся контент. Более подробное объяснение и примеры, как создать такие шаблоны читайте в статье. Читать статью #статьи

Векторные логотипы Ресурс на котором собраны логотипы различных мировых брендов в формате SVG. Там можно найти логотипы и на IT тематику. Например, php, vue, node.js и другие. Или же иконки популярных соцсетей: facebook, instagram, vkontakte. Сохраняйте в закладки! Ссылка на ресурс #дизайн

CMS на Node.js Список лучших CMS на Node.js с описанием преимуществ и какую функциональность они предоставляют. Читать статью #nodejs

Перерисовка компонента Постоянная перерисовка компонентов нагружает приложение.  Не все разработчики знают, как предотвратить нежелательную перерисовку. И оказывается для этого есть немало способов! 5 из них вы найдете в статье. Читать статью #react

Справочник для разработчика Документация по HTML, CSS, JavaScript на русском языке! На этом ресурсе вы также найдете информацию о Docker, Webpack, Node.js и многом другом. Еще хочется отметить материалы на тему операционных систем, веб-серверах и о том как устроена сеть. Это очень полезно знать разработчику! Смотреть справочник. #инструменты

Массивы Массивы предоставляют кучу возможностей для обработки данных. В статье представлены наиболее часто используемые примеры работы с массивами. Например, удаление дублирующихся элементов, преобразование массива в объект и многие другие! Читать статью #js

Flexbox Бесплатный курс по Flexbox. На курсе вы изучите все основы по флексам, как центрировать элементы с помощью этой технологии, как использовать flex-grow, flex-shrink и flex-basis на практике. Там есть парочку интересных примеров, которые вам пригодятся! Курс всего состоит из 20 уроков и доступен после подписки по e-mail. #css

Ревью кода Ревью кода является важной составляющей для создания качественного продукта, поскольку позволяет отлавливать ошибки на всех фазах разработки. В статье вы найдете все, что нужно знать о ревью кода: что это такое, как его проводить и чек-лист для его проведения. #статьи

Неоморфизм Если вы как разработчик, никогда не слышали о неоморфизме, то немного расскажем, что это такое. Неоморфизм - это такой стиль в веб-дизайне, который использует размытие, угол и интенсивность тени объекта для его выделения. Такой дизайн выглядит реалистично, футуристично и интересно. В статье рассказывается как создать такой эффект с помощью CSS. Там и демо с примерами есть, и ссылки на генераторы CSS кода. Может пригодиться вам для дизайна ваших проектов. Да и вообще всегда полезно расширять кругозор! #дизайн

О Node.js Интересно, а в курсе ли вы вообще, то такое Node.js? Возможно, вы новичок или никогда не интересовались этой темой. Но даже, если ваше поле деятельности фронтенд, полезно немного знать и о бэкэнде. Специально на эту тему статья. #nodejs

Собеседование React Знание одного из фреймворков сейчас является обязательным требованием для frontend-разработчика при трудоустройстве почти в каждую компанию. И React пока лидер по популярности! Для вас очень полезный ресурс с вопросами и ответами для подготовки. #react

Обучение Git  Ресурс для интерактивного обучения использованию Git. На практике изучите основные команды и попробуете те, которые еще никогда не использовали в своих проектах. Например, cherry-pick! #инструменты

Метод flatMap Данный метод был представлен в стандарте ES10 (ECMAScript2019). flatMap сначала применяет функцию к каждому элементу, а затем полученный результат преобразует в плоскую структуру. Сравнение с методом map и примеры использования подробно в статье! #js

transform Очень подробная статья о свойстве transform и всех его значениях.  Много визуального и интерактивного контента, чтобы подвигать, попереворачивать элементы и разобраться, как работает rotate, translate и другие значения этого свойства! #css

Хостинг В статье представлен список хостинг провайдеров и условия для бесплатного размещения вашего сайта. Да-да! Помимо Github Pages можно еще где-то размещать свои сайты! #статьи

Поздравляем вас с наступающим 2022 годом! Пусть в наступающем году будут мегабайты хорошего настроения, гигабайты везения и терабайты успеха!  Желаем продвижения в карьере, удачных ревью кода, поменьше багов и повыше зарплат! До 9 января канал будет на каникулах. Встретимся в новом году!

noUiSlider JavaScript-библиотека для создания слайдера диапазона с поддержкой для сенсорных экранов. Слайдер адаптирован под разные расширения экрана и протестирован на кроссбраузерность. А еще, эта библиотека мало весит! #инструменты

Callback Простое и забавное объяснение с иллюстрациями callback функций. Если не до конца разобрались в этой теме, то рекомендуем почитать эту статью! #js

Grid Бесплатный курс по CSS Grid.  25 уроков общей длительностью 4 часа и вы овладеете необходимыми знаниями! Курс доступен после подписке по e-mail. #css