Frontender's notes. Страница 48

Сравнение normalize.css и reset.css Всем привет! Довольно давно хотел накатать краткий пост про эти две библиотечки но что-то как то забывал. Это даже наверное не сравнение а скорее то чем одна отличается от другой. И так о назначении этих библиотечек: reset.css - сбрасывает большую часть стилей которые заданы в браузере по умолчанию. Дефолтные стили вам больше не будут мешать, но если понадобятся то прописывать их вам нужно будет самостоятельно. normalize.css - тут наоборот, нормалайз фиксит некоторые стандартные браузерные стили а так же добавляет некоторые стили по умолчанию для улучшения кроссбраузерности. Вот собственно теперь вам будет проще решить какую использовать конкретно в вашем случае. Удачки!

​​На вебинаре расскажем, как бэкенд-разработчику выстроить карьерный план, какие скилы стоит развивать, чтобы вырасти в мидл-разработчика, и что делать, если план пошёл по незапланированному пути. 19 апреля 19:00 Зарегистрироваться

​​Vue или React? Кратко о возможном росте технического долга и что лучше для начинающих В статье ставится проблема избыточной сложности использования фреймворка React.js при богатстве его функций, описана возможная тенденция роста технического долга и зависимость между предоставляемыми средствами и величиной технического долга. Читать...

​​Хочешь переехать на работу в другую страну, но не знаешь, что, как и куда?🤷‍♀️ Релокация в Европу - это РЕАЛЬНО! Найти работу в Европе просто с каналом IT на чемодане  Всё, что нужно знать о работе в странах ЕС, мы собираем в одном канале: 📍Публикуем актуальные IT-вакансии🔥 📍Рассказываем о нюансах работы     📍Подсказываем, как лучше составить резюме и пройти интервью 📍"Из первых рук"👨‍💻 – делимся опытом тех, кто уже переехал и нашёл работу  📍Публикуем много полезной информации, лайфхаки по переезду и трудоустройству на новом месте👌 Присоединяйся к каналу IT на чемодане и работай в той стране, в которой хочешь!🌏

​​Лучшие примеры использования Context API Приветствую товарищи фронты! На канале АйТи Синяк вышел крутой видос на тему Context API. Автор рассказывает о том какие npm пакеты используют контекст и разбирает их код а так же в каких случаях Context подойдет лучше чем state management библиотеки. Смотреть видео...

​​Мы начинаем серию вебинаров от направления программирования Яндекс Практикума о том, что сейчас происходит в сфере программирования и тестирования, какие есть профессии, как выбрать подходящую и с чего начать обучение. На первом вебинаре обсудим, что происходит на рынке IT сейчас и чего можно ждать в ближайшее время. 15 апреля 19:00 Зарегистрироваться

​​Как упростить работу с базами данных в Node.js с помощью Objection.js Objection.js — сравнительно молодая и минималистичная ORM-библиотека для Node.js, которая сильно упрощает взаимодействие с базами данных и не перегружена дополнительными функциями, как sequalize или typeORM. Разбираемся, в чем ее специфика и как строить запросы с ее помощью. Читать...

​​Дайджест стран, где IT-инженерам живется лучше всего Cобрали для вас страны, в которых героям наших историй больше всего понравилось жить и работать: с развитой инфраструктурой, хорошими карьерными перспективами, приятным климатом и другими преимуществами. Читать...

​​Сменить профессию трудно. Но с поддержкой это по силам каждому. Яндекс Практикум придумал акцию «Ученье, свет», чтобы сделать ваш путь к новой профессии проще. → Купите курс до 4 мая и получите набор подарков. Полезные вещи сделают учёбу комфортнее, а забота команды Практикума поможет дойти до цели. (1) Умный браслет, чтобы научиться успевать все важные дела. И поддержка кураторов, которые напомнят о дедлайнах. (2) Настольная лампа, чтобы читать онлайн-учебник или писать код по вечерам. И советы наставников, чтобы применить теорию на практике. (3) Ночник, чтобы отдыхать от учёбы уютно. И обратная связь от ревьюеров, чтобы сделать проекты лучше. (4) Кофеварка или чайник с подсветкой, чтобы заряжаться энергией, пока ищете первую работу в новой профессии. И консультации с карьерными специалистами, чтобы вы чувствовали себя уверенно на рынке труда. Как получить подарки: → Зарегистрируйтесь в акции. → Выберите курс. → Оплатите продолжение с 4 апреля по 4 мая 2022 года. Включите свет этой весной! → Узнать больше об акции

​​Пишем чистый код при помощи деструктуризации объектов в JavaScript В этой статье мы рассмотрим традиционное присваивание значений из объектов в переменные и новый синтаксис деструктуризации в ES6. Читать...

Полезные ресурсы для фронтенд разработчика 1. griddy.io - генератор стилей для grid сеток. Вам просто нужно создать нужную сетку и скопировать стили. 2. developer-cheatsheet - интересный ресурс в котором вы можете почитать историю веба а так же посмотреть шпаргалки и примеры кода на тему react, redux, js. Так же есть возможность запросить помощь если у вас есть какая то проблема и выгрузки примера кода в .pdf. 3. gitsheet.wtf - еще один интересный ресурс на тему всеми известного GIT. На данном ресурсе вы найдете много полезных команд которые вам пригодятся

Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу. Чем раньше нырнешь с головой в продакшен, тем быстрее почувствуешь себя уверенно на рынке труда. Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах ИТ-кластера Ростелеком. 🚀65% наших выпускников получают оффер на первых 5 собеседованиях: https://bit.ly/3ujrTs7 Начните учиться прямо сейчас — пройдите бесплатные вводные курсы, чтобы оценить формат!

​​Настоящая* перегрузка операторов в JavaScript Одна из активно реквестируемых фич в JavaScript и TypeScript — перегрузка операторов. Без инфиксной записи, к примеру, получаются очень громоздкими вычисления с векторами или множествами. Тем не менее, используя сильное колдунство некоторые знания о том, как сейчас работают операторы в JavaScript, мы можем реализовать все самостоятельно. Источник наиболее полной и поднобной информации о семантике операторов - это текст стандарта ECMA-262. Он формально описывает алгоритмы исполнения JavaScript похожим на псевдокод языком. Но он достаточно сложен для понимания неподготовленным читателем. Поэтому давайте пойдем другим путем — вспомним, к каким объектам JavaScript, не являющимся числами, часто применяют арифметические операторы. Читать...

Способы преобразования массива в объект Всем привет! Вспоминаем способы преобразования массива в объекты. Особенно это будет полезно тем кто в данный момент готовится к собесам. И так есть массив: const array = ['car', 'bike', 'bus']; Самый простой на данный момент способ: const object = {...array}; Способ 2 const object = Object.assign({}, array); Способ 3 const object = array.reduce((res, key, index) => { res[index] = key; return res; }, {}) Собственно вот. Во всех 3 вариантах в итоге массив преобразуется вот в такой объект: {0: 'car', 1: 'bike', 2: 'bus'} Удачи в экспериментах!

​​Хочешь начать карьеру Frontend-разработчика, а платить только за результат, то есть после трудоустройства в IT? Это возможно на программе по JavaScript от Kata Academy. Платить ничего не нужно, вплоть до трудоустройства, только после выхода на работу — оплата из фактической зарплаты разработчика. Поэтому задача академии выпустить сильно специалиста, чтобы уже первая зарплата была минимум от 80 тысяч рублей.  Как устроено обучение, чтобы ты гарантированно нашел работу в IT? 👉 Интенсивно: по 25 часов в неделю.  👉 Изучение востребованного стека технологий у бизнеса: HTML, CSS, JS, React, Redux  👉 Работа над реальным проектом в команде + опыт для резюме. 👉 Поддержка и контроль от ментора — действующего разработчика.  👉 Сильное сообщество студентов, которое всегда приходит на помощь.  👉 Программа карьерной поддержки на 24 месяца.  Чтобы попасть на ближайший, поток по Frontend в Kata Academy пройди тестовое задание до 18 апреля.  Записывайся здесь: https://clck.ru/eYSmt

​​Какой цикл самый быстрый в JavaScript? Знаете ли вы какой цикл вам подходит лучше всего? Ведь есть и for, и обратный for, и for...of, и foreach, и for...in, и for...await. Эта статья - некая дискуссия на эту тему. Читать...

​​С 8 по 11 апреля ребята из Glo Academy проводят интенсив, на котором ты сможешь сверстать онлайн-кинотеатр (используя HTML, CSS и JS)   Будешь практиковаться, задавать вопросы и получать обратную связь по своей работе. А заодно получишь план-схему что и как учить, чтобы быстрее освоить профессию.   Подробная программа 📋   ✅ 1 День — знакомимся с макетом в Figma, делаем сетку на гридах и верстаем хедер — подключаем normilize — создадим папку с проектом и опубликуем код на GitHub и GitHubPages   ✅ 2 День — подключаем шрифт к нашему проекту — сделаем блок центрального экрана   ✅ 3 День — верстаем блок aside   ✅ 4 День — верстаем модалку для воспроизведения трейлера, оживляем с помощью нативного JS — публикуем сайт   Переходи по ссылке, жми “Начать” и получи приглашение: telegram.me/gloacad…demy_bot

​​Разработчик в стране Serverless Serverless подход в разработке уже давно пользуется большой популярностью. По разным опросам, разработчики отмечают следующие преимущества в serverless технологиях: 👉 гибкое масштабирование; 👉 быстрота разработки; 👉 уменьшение времени или затрат на администрирование приложений; 👉 быстрые релизы. Преимущества выглядят заманчивыми и многообещающими. Так ли все это? Пришло время познакомиться с serverless технологиями. 1. Первые шаги, первая лямбда - читать... 2. Разворачиваем БД - читать... 3. Как подружиться с БД - читать...