👨‍💻 7 основ дизайна пользовательского интерфейса для разработчиков Всем привет, меня зовут Ванш, я фронтенд-разработчик. Многие люди задавали мне этот вопрос: «Нужно ли мне изучать дизайн, чтобы стать фронтенд-разработчиком?»

Прежде чем я отвечу на этот вопрос, вам нужно понять, что во многих компаниях есть собственные дизайнеры UX / UI, которые будут выполнять часть проектирования и создавать макеты, а вы можете сосредоточиться на части разработки. Наша задача - оживить мокапы, сделать их интерактивными. https://goo.su/7uFs

Совет по HTML: вы можете использовать тег <mark> для выделения текста.

👨‍💻Уроки ребилдинга крупного сайта E-Commerce с помощью Next.js (тематическое исследование) В нашей компании Unplatform мы уже несколько десятилетий занимаемся созданием сайтов электронной коммерции. За эти годы мы стали свидетелями того, как стек технологий эволюционировал от страниц, отображаемых на сервере с небольшим количеством JavaScript и CSS, до полноценных приложений JavaScript.

Платформа, которую мы использовали для наших сайтов электронной коммерции, была основана на ASP.NET, и когда посетители начали ожидать большего взаимодействия, мы добавили React для интерфейса. Хотя смешение концепций серверной веб-инфраструктуры, такой как ASP.NET, с клиентской веб-структурой, такой как React, усложнило задачу, мы были вполне довольны этим решением. Так было до тех пор, пока мы не приступили к производству с нашим самым большим клиентом трафика. С момента запуска у нас возникли проблемы с производительностью . Core Web Vitals важны, особенно в электронной коммерции. В этом исследовании Deloitte « Миллисекунды приносят миллионы» исследователи проанализировали данные о мобильных сайтах 37 различных брендов. В результате они обнаружили, что повышение производительности на 0,1 с может привести к увеличению конверсии на 10%. https://goo.su/7uG0

Бесценная информация от гигантов IT бесплатно!
Спикеры таких компаний, как Huawei, Jet Brains, Мегафон, 1С, Яндекс и др. поделятся своим опытом: как попасть к ним на работу мечты, зачем нужны soft skills и главное — как же запустить свой стартап, не имея миллионов 🤔.
Мероприятие пройдёт 1-2 октября в Манеже, чтобы попасть на него бесплатно нужно просто зарегистрироваться 👉 https://goo.su/7xAN

👨‍💻 Micro Frontend: 5 распространенных ошибок, которых следует избегать Получите максимальную пользу от Micro Frontends, избегая этих ошибок https://goo.su/7Ug3

👨‍💻Паттерн "Наблюдатель" в JavaScript Подробнее об одном из моих любимых шаблонов проектирования и о том, почему он так актуален в современном реактивном мире. https://goo.su/7Ugk

👨‍💻5 передовых методов работы с HTML и CSS
Хорошие практики для HTML и CSS найти нелегко. В этой статье представлены 5 случаев, когда вы можете создать интерфейс, используя только HTML и CSS. https://goo.su/7XfF

IT Верстальщик -  канал про верстку и бэкенд в телеграм.

Этот канал для тебя, если ты:

- учишь верстку и языки программирования
- работаешь верстальщиком/фронтом
- хочешь выйти на фриланс
- интересуешься React/Vue
- работаешь бэком, но хочешь быть в курсе последних тенденций в верстке и на фронте в целом

👨‍💻 Как работает JavaScript: наглядное руководство🔥 JavaScript - один из самых любимых и ненавистных языков в мире. Его любят, потому что он мощный. Вы можете создать полнофункциональное приложение, просто изучив JavaScript и ничего больше. Его также ненавидят, потому что он ведет себя неожиданным образом, и если вы не вникаете в понимание языка, это может заставить вас возненавидеть его 💔.
В этом посте будет объяснено, как JavaScript выполняет код в браузере, и мы изучим это с помощью анимированных гифок 😆. https://goo.su/7y9E 👨‍💻 Ресурсы Ultimate ReactJS 🛠Для веб-разработчиков 2021 Дорожная карта для разработчиков (серия из 6 частей) https://cutt.ly/DEn13Bs

Необходимо знать методы массива в #JavaScript

С чего начать карьеру Golang-разработчика и как развиваться в этом направлении? На эти и другие вопросы ответят эксперты NIX.

Приходи на заключительное мероприятие в рамках NIX Hiring Month и узнай подробности. А если уже готов показать свои знания в деле — участвуй в дискуссии, а после приходи к нам на собеседование!

Когда: 03.10 в 13:00
Где: Promodo HUB (ул. Отакара Яроша, 18)

Ставь напоминалку и отправляй нам свое резюме во время регистрации на сайте. А мы будем ждать знакомства с тобой на NIX Hiring Month 😉

Время от времени, когда я проверяю код или посещаю StackOverflow, я натыкаюсь на фрагменты кода, которые выглядят следующим образом:

const fruitIds = ['apple', 'oragne', 'banana'];
fruitIds.map((id) => {
document.getElementById(fruit-${id}).classList.add('active');
});

Многие программисты (особенно новички) не заметят ничего плохого в приведенном выше коде. Однако здесь есть одна серьезная проблема - использование .map(). Позволь мне объяснить. https://cutt.ly/BEFd2ZO

👨‍💻Как хешировать и расшифровывать с помощью MD5 в JavaScript Как разработчику JavaScript, иногда вам нужно преобразовать строку в хеш MD5. Существует множество библиотек с открытым исходным кодом, которые позволяют вам делать это в ваших проектах JavaScript. Некоторые из них доступны в виде пакетов NPM, а есть несколько других, которые вы можете использовать как отдельные библиотеки JavaScript, просто включив их в свои HTML-страницы. В этой статье мы рассмотрим несколько популярных библиотек MD5 JavaScript, чтобы понять, как их можно использовать в своих проектах. https://cutt.ly/vEsRh9b

👨‍💻 Как я стал разработчиком полного стека Эта история рассказывает о том, как я стал разработчиком полного стека, обучаясь на протяжении всей моей карьеры, а также на разных этапах пути. https://cutt.ly/wEKpj1H 👨‍💻 10 потрясающих веб-сайтов, на которых можно найти удаленную работу для веб-разработчиков https://cutt.ly/cEKpUV0 👨‍💻 Использование JavaScript для обнаружения высококонтрастных и темных режимов Меня недавно спросили, есть ли способы программно определить, есть ли у пользователей режим высокой контрастности Windows или темные цветовые схемы, включенные на уровне ОС. https://cutt.ly/iEKdeKH

Друзья! Мы знаем, что не все из вас смогут присоединиться к нам в Москве. Но очень важно, чтобы каждый из вас смог узнать о том, что происходит в современном фронтенде. Чтобы вы смогли получить знания о лучших практиках и внедрить их у себя. Только так отрасль будет развиваться.

Поэтому мы открываем трансляцию Главного зала FrontendConf 2021. Чтобы получить доступ к трансляции, нужно зарегистрироваться по ссылке

11 и 12 октября, с 11:00 до 18:00 (МСК) вас ждут 12 огненных докладов. Присоединяйтесь и зовите коллег!

👨‍💻 Как обрабатывать часовые пояса в JavaScript Понимание различных методов обработки часовых поясов в JavaScript. https://goo.su/83lX 👨‍💻 Переход на Typescript - предварительное руководство https://goo.su/824G

👨‍💻 Классы JavaScript | Краткое, но умное руководство Классы были введены в JavaScript ECMA2015. В отличие от классов в объектно-ориентированном режиме, классы JavaScript - это просто особый тип функций. Но вместо ключевого слова «функция» мы используем «класс». Он был введен в JavaScript, чтобы синтаксис был похож на другие объектно-ориентированные языки (java, python, c ++). https://cutt.ly/yEKgHUJ 👨‍💻 Как использовать async / await внутри циклов в JavaScript Наступит время, когда вы захотите выполнять асинхронные операции внутри циклов for (или любых других циклов). Давайте посмотрим, как поступать в таких ситуациях. https://cutt.ly/qEKgN1D

👨‍💻 Худшие приемы JavaScript, портящие качество кода
JavaScript, вероятно, один из немногих языков, которые могут делать что угодно в мире программирования. От очень очевидного Front End до менее известных областей, таких как дроны и летающие роботы , да, вы правильно прочитали, могут быть созданы с помощью этого языка. Чтобы не усложнять, все, что можно сделать с помощью JavaScript, будет выполняться с помощью JavaScript.
Следовательно, знание глубины языка очень важно. Люди ненавидят JS, потому что они не понимают его полностью и то, как он работает под капотом. Более того, некоторые люди думают, что знают это, но в конечном итоге следуют некоторым методам, которые, в свою очередь, ухудшают качество кода проекта. Следовательно, наша задача сегодня - обсудить те практики, которые приводят к такой ситуации.
https://cutt.ly/wEKj5ik

👨‍💻 Promise & Async await в JavaScript.
https://cutt.ly/4EKjOnH

👨‍💻 10 репозиториев GitHub, которые должен знать каждый веб-разработчик GitHub - это то место, которое вам следует искать, когда вы пытаетесь улучшить себя как разработчик. Вся необходимая информация находится в каком-то репозитории.

Однако самое сложное - найти правильный репозиторий. Легко потеряться во всех доступных репозиториях GitHub. Чтобы помочь вам, я составил список из десяти репозиториев GitHub, которые помогут вам развиваться как разработчику. https://cutt.ly/QEKlH9d