​​Кратко о пороге входа во фронтенд (на текущий период).

✅ HTML - обязательно
✅ CSS - обязательно
✅ JavaScript - как минимум на начальном уровне
✅ React / Angular / Vue - тоже что и для JS
✅ Git - знание основных команд
✅ Знание английского языка - опционально, но если знаете выбор вакансий становится шире
✅ Умение решать самостоятельно небольшие задачи - это не значит что не нужно ничего спрашивать, нужно выдержать золотую середину
✅ Быть коммуникабельным / не быть «токсичным» - звучит банально но в силу опыта показалось что на это смотрят чаще чем на hardskills

Object.keys, values, entries
Давайте отойдём от отдельных структур данных и поговорим об их переборе вообще.
В предыдущей главе мы видели методы map.keys(), map.values(), map.entries().
Это универсальные методы, и существует общее соглашение использовать их для структур данных. Если бы мы делали собственную структуру данных, нам также следовало бы их реализовать.
Методы поддерживаются для структур:
Map
Set
Array
Простые объекты также можно перебирать похожими методами, но синтаксис немного отличается.
Object.keys, values, entries
Для простых объектов доступны следующие методы:
Object.keys(obj) – возвращает массив ключей.
Object.values(obj) – возвращает массив значений.
Object.entries(obj) – возвращает массив пар [ключ, значение].
Обратите внимание на различия (по сравнению с map, например):

Map Object Синтаксис вызова map.keys() Object.keys(obj), не obj.keys() Возвращает перебираемый объект «реальный» массив Первое отличие в том, что мы должны вызвать Object.keys(obj), а не obj.keys().
Почему так? Основная причина – гибкость. Помните, что объекты являются основой всех сложных структур в JavaScript. У нас может быть объект data, который реализует свой собственный метод data.values(). И мы всё ещё можем применять к нему стандартный метод Object.values(data).
Второе отличие в том, что методы вида Object.* возвращают «реальные» массивы, а не просто итерируемые объекты. Это в основном по историческим причинам.
[ Полная статья... ]

​​🧐DIV должен уйти?!
Улучшаем HTML

[ Статья ]

​​Самые полезные веб-сайты для веб-разработчиков ии фронтендеров.

👉🏻W3Schools - W3schools - это бесплатный образовательный сайт для обучения программированию онлайн.
👉🏻GitHub - GitHub - это платформа разработки, управляемая сообществом, где вы можете изучить новые методы у более чем 23 миллионов разработчиков, а также поделиться своими знаниями и ресурсами.
👉🏻StackOverflow - Всеми любимый stackoverflow Это действительно идеальное место в сети для любого начинающего разработчика, и не только.
Кто ищет новые приемы кодинга и хочет расширить свои знания, тот, рано или поздно, окажется на этой платформе.
👉🏻SitePoint - стартовал еще в 2009 году и является одним из крупнейших центров разработки в Интернете.
👉🏻CSS-Tricks - Ежедневные статьи о CSS, HTML, JavaScript и обо всем, что связано с веб-дизайном и разработкой.
👉🏻CodePen.io - еще один из моих любимых веб-сайтов, который я настоятельно рекомендую frontend разработчикам всех уровней.

7 лучших библиотек для создания молниеносно быстрых приложений ReactJS

ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.

[ Статья ]

Советы по стилю кода для фронтендеров.
[ Статья ]

IT в 2021 - это как биткоин в 2018

▪️ Точка А: немного времени и подписка на канал @academit.
▪️ Точка Б: вы востребованный специалист, зарабатываете более $3.000 в месяц, многомиллионные контракты, успешный успех.

@academit - отправная точка в любую IT-отрасль: дизайн, маркетинг, разработка, менеджмент.
Бесплатно проходите любой курс - делаете деньги.

Одна кнопка - и ваша жизнь перевернётся в лучшую сторону

Показательный факт: IT – самый большой тренд 2021 года.

Даже пройдя фиговенький курс по проге, вы сможете работать дома, получать норм зарплату и писать программы для Google или Apple.

Главное – не ходить на курсы и учиться в проверенных местах. Например, в канале @igrodel_it.

Ребята собрали всю инфу, которая нужна для старта в айти: уроки, примеры, инструкции, готовые методички и лайфхаки.

Подписывайтесь, это лучший канал для старта в айти: @igrodel_it

Нужен человек для просмотра рекламных промо-роликов с зарплатой 3.800 рублей в день! Это не шутка! Срочно!

Также ищем:
- Оператора ПК
- Администратора в интернет-магазин
- Помощник руководителя
- Оператор Call-центра

НОВОБРАНЕЦ публикует вакансии для тех у кого нет опыта. Если ты ничего не умеешь - добро пожаловать. Работодатели не требуют квалификации!

Найди работу на НОВОБРАНЦЕ и получи деньги за 15 минут!

​​Рассказ о том, почему в 2021 году лучше выбирать TypeScript, а не JavaScript

Недавно я, используя React Native, занимался разработкой мобильного приложения для медитации Atomic Meditation. Эта программа помогает тем, кто ей пользуется, выработать привычку медитировать, ежедневно уделяя этому занятию какое-то время. В ходе работы у меня появились серьёзные причины приступить к изучению TypeScript и начать пользоваться им вместо JavaScript в проектах среднего и крупного размера.

[ Статья ]

Сидишь дома без работы из за коронавируса? Всем людям от 17 и без денег!

— Можешь найти картинку в Яндексе и выложить в инстаграм ?
— Умеешь печатать на клавиатуре ?
— Знаешь хотя бы один иностранный язык ?

На канале Проект на «час» можно заработать 22.000 рублей за месяц если ты бездарь и до 100.000 рублей за короткую часовую работу, если ты талантище

Найди быструю подработку даже если у тебя нет опыта!

Осталось 15/200 мест. Поторопись и найди быструю подработку за деньги на проект на час!

Выбор CSS макета — Grid или Flexbox?
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли.

Читать статью.

#css #grid #flexbox

​​Как мы потерпели неудачу, а затем преуспели в переходе на TypeScript

На самом деле, если цель состояла в том, чтобы полностью переключиться на TS, мы двигались в неправильном направлении. Да, код на TS добавлялся, но количество кода на CoffeeScript росло быстрее. TypeScript и CoffeeScript нацелены на один и тот же рантайм Node.js, который, как ожидалось, должен был облегчить переход, но, несмотря на желание большого числа разработчиков перейти на TypeScript, мы не набрали большого импульса и не направлялись к будущему без CoffeeScript.

Читать историю...

​​5 приемов по разделению «бандла» и «ленивой» загрузке компонентов в React.

Разделение Javascript-кода на несколько файлов называется разделением «бандла» или сборки (bundle splitting). Это позволяет загружать только тот код, который который используется приложением в данный момент, другие части загружаются по необходимости (по запросу пользователя).

[ Статья ]

#js #react

​​💡Пишем простейший GitHub Action на TypeScript.

В данной статье я решил собрать самую основную информацию, которая нужна для того, чтобы написать простейший GitHub Action с использованием TypeScript.

[ Статья ]

#ts

​​Как работать в команде, которая пишет на 5 языках

Рассказ тимлида одной из команд доставки в компании Lamoda.
- "В нашей команде используются сразу пять языков программирования: PHP, Go, Typescript, Java и Kotlin. Когда я впервые услышал об этом на собеседовании, подумал, что так работать невозможно — все слишком разное. Но спустя год мое мнение кардинально изменилось, и я нашел много преимуществ в таком подходе.

В этой статье я расскажу:

О нашем направлении и системах, обслуживающих доставку;
Как мы живем с таким разнообразием технологий;
Как планируем работу над разноплановыми задачами;
Как растим экспертизу в fullstack-команде и расширяем направление."

[ Статья ]

#common_tech #common