Frontender's notes. Страница 54
15018
@frontendnoteschannel
Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.
-
Frontender's notes
Пройдите полную программу обучения по специальности «Фронтенд-разработчик» на Хекслете и получите гарантированную оплачиваемую стажировку в «Ростелеком»: https://bit.ly/3qBBOHC 📍Глубокий практический курс на 8 месяцев: JavaScript, HTML и CSS, фреймворки React+Redux Toolkit, инфраструктура — командная строка, NPM, Git, Webpack. 📍Асинхронный формат — комфортный темп, мягкие дедлайны. 📍Более 350 заданий в онлайн-тренажере с мгновенной автопроверкой. 📍Помощь практикующих наставников. 📍4 рабочих проекта в портфолио на GitHub и практика в Open Source. Выпускникам — гарантированная оплачиваемая стажировка в проектах ИТ-кластера «Ростелеком» от 1 до 3 месяцев с окладом 40 000 рублей в месяц. Лучшие получат оффер! 
-
Frontender's notes
История релокации IT специалиста в Литву. Всем привет! Сегодня на повестке - История переезда IT специалиста в Литву. Вы узнаете, как подготовиться к релокации, что необходимо взять с собой и как перевезти собаку. А так-же про аренду жилья, цены, налоги, зарплату и.т.д 👉 Смотреть видео... #relocation 
-
Frontender's notes
На курсе «Мидл фронтенд-разработчик» студенты становятся уверенными мидлами за пять месяцев, а не за полтора года. → Приходите учиться, если вы разбираетесь в HTML, CSS, JavaScript — мы поможем повысить грейд. Выпускники смогут браться за более сложные задачи, чем одностраничные сайты или простые веб-сервисы. На курсе мы поможем глубже разобраться: — в алгоритмах и структурах данных; — в паттернах проектирования; — в том, как работают популярные в веб-разработке технологии. Что будет на учёбе: ⬛️ Код-ревью и обратная связь от старших разработчиков из Яндекса и других IT-компаний. ⬛️ Обучение на реальных рабочих задачах: студенты создадут мессенджер и веб-игру с нуля. ⬛️ Наставники и менторы будут делиться опытом на вебинарах и встречах один на один. ⬛️ Кураторы и дедлайны не дадут прокрастинировать. ⬛️ Карьерные консультации: наши специалисты помогут найти новый проект или сделать так, чтобы на текущей работе вам начали давать более амбициозные задачи. → Старт потока — 27 января. Учёба длится пять месяцев. → Познакомьтесь с курсом и оцените свои силы — это бесплатно. -
Реклама
-
Frontender's notes
Как не тратить время на настройку Webpack, Eslint, Jest при старте нового проекта? Утра доброго товарищи фронты! Почти каждый из вас пишет код на React и начиная новый проект, будь то небольшая библиотека или полноценное приложение, уходит куча времени на настройку вспомогательных инструментов, особенно тех которые обеспечивают поддержку SEO и Server Side Rendering. И вот собственно решение этой проблемы: Rockpack это инструмент который позволяет быстро создать React приложение с поддержкой Server Side Rendering, настроенным Webpack 5, Jest, Eslint, Typescript, заданной структрой проекта, React 17+, React-Router 6 и оптимизацией для SEO. Поддерживается 4 типа приложений: - обычное Single Page Application - Single Page Application + Server Side Rendering - React Component - UMD модуль 👉 Ссылка на репозиторий... 
-
Frontender's notes
Как из джуна стать сеньором и что сделать, чтобы их отличить? Тезис 1. Чтобы стать сеньором надо иметь интересные проекты, на которых ты можешь вырасти и уметь внимательно читать документацию. Тезис 2. Гарантировано отличить джуна от мидла и сеньора может ваш тимлид, отправьте специалиста к нему на собеседование. И всё бы хорошо, но... Читать статью... #career 
-
Frontender's notes
Крутой команде технарей не обойтись без frontend-разраба (remote/office) #вакансия #Москва #Санкт-Петербург Разраб, которого мы ищем, хочет и может: — разрабатывать пользовательский интерфейс — от макетов до релиза; — участвовать в прототипировании новых фич; — решать важные задачи вместе с дизайн- и бизнес-командами и внедрять эти решения в жизнь; — создавать гайды и поддерживать визуальную целостность приложения; — проектировать новые способы взаимодействия пользователей на базе фидбека от коллег. Что мы хотим и можем дать: — конкурентную зарплату и бонусы опционами; — премии за результативность дважды в год; — гибкий график; — обмен опытом в интернациональной команде; — ДМС со стоматологией; — любое железо, необходимое для работы. Если наш frontend — это ты, заполняй анкету, и мы позовём тебя на собеседование, как только обработаем её 🔜 
-
Frontender's notes
console.table() Приветствую! Думаю все мы время от времени юзаем объект consoleдля того что-бы дебагнуть какую-нибудь ошибку, и почти все мы пользуемся исключительно методомconsole.log(). Но на самом деле полезных методов у объекта консоль куча, и сегодня я хотел бы показать пример применения метода.table, так как на мой субъективный взгляд это один из самых удобных методов для визуализации объектов в инструментах разработчика. И так например мы хотим визуализировать вот этот объект:const team = {manager: {name: 'Gennady', email: 'email1'},frontend: {name: 'Aleksandr', email: 'email2'},backend: {name: 'Alex', email: 'email3'},qa: {name: 'Pavel', email: 'email4'},devOps: {name: 'Artem', email: 'email5'},analytics: {name: 'Dmitriy', email: 'email6'},}Теперь выводим его в консоль.console.table(team)Результат в скрине чуть ниже 👇
-
Frontender's notes
Грандиозный скандал в Open Source: дело faker.js... Год начался с небывалого перформанса в Open Source. Перестали работать популярнейшие библиотеки. Давайте разбираться, что вообще произошло? Автор этого видео рассказывает нам об интересных фактах связанных с веб индустрией а так-же напоминает нам об очевидных вещах о которых мы можем иногда забывать. О том что стоит подумать перед тем как создавать зависимости для своих проектов а не добавлять их направо и налево. Смотреть видео... 
-
Frontender's notes
Записки юного TeamLead Приветствую фронты! Подборка статей о teamlead-стве для тех кто стремится стать тимлидом или думает а нужно ли оно ему это. 👉 Ошибки, о которых не стыдно говорить 👉 Записки юного TeamLead: Рост и эффективность команды или как не забыть о себе 👉 Собеседования #career #teamlead 
-
Frontender's notes
Ищешь работу в крипто-индустрии? IT-разработка/программирование, SMM/PR, аналитика, копирайт, дизайн и многое другое. Тут можно запросто найти заказ и заработать очень приличные $. Здесь всё: вакансии, подработка, full-time, part-time ... Подписывайся и отслеживай только самое нужное - https://t.me/+YoBvlq1GXrhkNWIy Блокчейн Hunter | Вакансии в крипто-индустрии Вакансии и резюме в крипто-индустрии: IT-разработка, SMM/PR, аналитика, копирайт/локализация, дизайн и многое другое Здесь всё: full-time, part-time, remote и разовые подработки По вопросам размещения вакансий и резюме обращаться @managerauki
-
Frontender's notes
Новый хук React - useSyncExternalStore Приветствую! Вот вам еще один свежий видос с ютуба. Автор видео рассказывает о новом полезном хуке useSyncExternalStore, который появился с 18 версии реакта. Рекомендую посмотреть и ознакомиться так как подобные вопросы о новых фичах реакта часто спрашивают на тех. собеседовании при устройстве, да и времени много это у вас не займет. 👉 Смотреть видос... #js #react #features
-
Frontender's notes
Трудности перевода: может ли менталитет помешать вашей релокации и карьере Вечера доброго товарищи фронты! И снова о релокации. В этой статье описаны факторы которые чаще всего мешают уезжающим обосноваться на новом месте. Читать статью... А вот тут если кто пропустил довольно интересная статейка с подборкой самых популярных материалов на тему релокации на хабре за 2021 год. #relocation 
-
Frontender's notes
Инновационные ноутбуки на базе процессора AMD Ryzen™ 5000-й серии - технологичное решение для творческих и амбициозных задач! 💡Интеллектуальная энергоэффективность - до 12 часов без подзарядки в режиме многопоточности; 💡До 8 усовершенствованных ядер - для молниеносной скорости отклика и тихой работы без перегрева в ресурсоёмких приложениях; 💡Графика Radeon нового поколения - наслаждайтесь каждой деталью изображений в видеочатах и фильмах с разрешением до 4K в режиме HDR! Узнать больше и приобрести по выгодной цене можно тут ⬇️ 
-
Frontender's notes
HTML тег base Всем привет! Относительно недавно узнал что есть такой тег как <base />. Так вот, он служит для того что-бы подменять url относительно которого будут ссылаться все относительные ссылки и определять их поведение. Пример:<head><base href="http://some-other-domain.ru/" target="_blank"></head><body><a href="somepage">Ссылка</a>// Эквивалентно написанию:<a href="http://some-other-domain.ru/somepage" target="_blank">Ссылка</a></body>Надеюсь вам это было полезно, если будет интересно то вот тут вы сможете узнать более подробно о минусах и плюсах использования данного тега. -
Frontender's notes
Что спросить у компании на собесе (или перед): 4 чек-листа от читателей Всем привет! В этой статье описано несколько чек-листов от разных разработчиков которые содержат по их мнению важные вопросы для интервью. Не стоит воспринимать их как инструкцию к действию но что-то полезное из них вынести можно. Читать... #career 
-
Реклама
-
Frontender's notes
Каналы от Senior разработчиков Хотите быстро выучить JavaScript, Python или другой язык программирования? Подписывайтесь на каналы от опытных разработчиков, где они объясняют код и учат программировать. 💻 Канал Senior JavaScript разработчика: @senior_front 🐍 Канал Python разработчика: @seniorpythonist ☕️ Канал Senior Java разработчика: @seniorjavist 🤖 Канал C++ разработчика: @seniorcpp 📚 Книги от программиста: @progersbooks 
-
Frontender's notes
Деструктуризация в JS Деструктуризация – это фича, позволяющая извлекать значения элементов массива или свойств объекта в набор переменных Чтобы осуществить деструктуризацию, следует использовать следующий синтаксис: let [some, vars] = array;✅ В итоге переменнойsomeприсваивается значениеarray[0],vars—array[1]и так далее Пример кода (обмен значений):let veg = 'cucumber';let fruit = 'apple';[fruit, veg] = [veg, fruit];console.log(veg, fruit);➡️Выход:apple cucumber#js #features -
Frontender's notes
Приветствую коллеги! Периодически я публикую на этом канале краткие, но надеюсь что довольно полезные для вас фрагменты кода которые вы сможете применять на практике в своих рабочих задачах, ну или просто запомнить и не использовать :) Так вот сегодня хочу вам скинуть еще один такой. Эта функция позволяет проверить является ли аргумент числом: const isNumber = (num) => {return !isNaN(parseFloat(num)) && isFinite(num)}isNumber(1); //trueisNumber(true); //falseisNumber('1'); //trueisNumber([]); //falseisNumber([1]); //true❗Как мы видим у этого решения есть одна интересная особенность, если мы передаем в функцию массив с одним числом то на выходе тоже получаемtrue.