Сейчас очень популярная технология CSS in JS. Но как и любой другой инструмент, нужно понимать как это работает и какие могут быть проблемы.

Наткнулся на хорошую статью (перевод), где автор проводит анализ и озвучивает возможные проблемы, а так же в конце дает рекомендации.

Статья больше для продвинутых пользователей, но и новичкам стоит прочесть, пусть отложится на будущее.

#css

Перевод статьи How to use Axios with React (Everything you need to know).

Библиотека Axios одна из самых популярных в своей среде - около 4млн скачиваний в неделю на одном только npm.

Предлагаю познакомиться с одним из самых популярных HTTP клиентов для браузеров и node.js, основанным на промисах.

✅Подробнее

#react

Помню когда писал chat на чистом JS очень плотно пришлось поработать с HTML data- атрибутами.
Очень нужная и классная штука.

Поэтому публикую перевод - Полное руководство по HTML-атрибутам data-

👉Подробнее👈

#html

​​Всем привет!

Я регулярно выкладываю сборники задач и составляю свои с вариантами ответов, но часто меня спрашивают про алгоритмические задачи. Все мы знаем, что решение задач очень сильно повышает наш скилл и позволяет "набить руку".

Вот небольшой список алгоритмических задач, который одобрил мой наставник.

Бонус - мой вариант решения задачи brackets Рекомендую смотреть по истории коммитов - иначе последний вариант оптимизации можно и не понять.

#задача

Одна из самых пугающих CSS тем для новичков (да и опытных) - анимация. Да, крутые штуки не так просто сделать, но они не часто и нужны.

Для того что бы научиться делать самые популярные анимации - достаточно 60 мин. Ну, как минимум, вы сможете понимать чужой код анимации и править его под себя 🤣

Для этого предлагаю вам шпаргалку + видео по двум CSS свойствам:

1. TRANSITIONS CSS
👉 Шпаргалка
👉Видео

2. CSS ANIMATION & KEYFRAMES
👉 Шпаргалка
👉Видео

Попробуйте, это просто!

#css

Всем привет!

На днях в нашем чате было большое обсуждение по преобразованию типов данных в JavaScript.
Эта тема для многих представляет сложность, а запутаться может даже опытный разработчик.

Рекомендую разобраться с азами, тк не явное приведение типов может вызывать постоянные проблемы. Статей много на эту тему, вот наткнулся на свежее руководство

#js

Всем привет!

Как и обещал - выкладываю в канал первую серьезную программу, которую я написал сам! React messenger.

Как я уже говорил, цель этого проекта - при устройстве на работу показать работодателю, что я могу. Ведь, без опыта очень сложно устроиться, а когда у тебя есть проекты, которые можно показать - процесс трудоустройства пойдет полегче. Проект оказался не маленьким - около 100файлов!!! Версия на javascript была гораздо попроще)))

Не судите строго, дизайнер с меня совсем никакой, но задача была создать работающий в реальном времени чат. Базовая версия готова - дальше можно усложнять и развивать ее.

В ближайшие дни, я выложу в канале ссылку на код - любой может воспользоваться и написать себе подобное приложение, либо переделать мое!

зы Если найдете баги, либо просто хотите спросить или прокомментировать - пишите в наш чат. На дизайн не смотрим 🤪

ззы Ссылка будет работать только 30 дней - к сожалению, пока нет нормального хостинга

#react #js #диплом

Всем привет!

Хочу поблагодарить всех, кто поучаствовал в тестировании - много мелочей подправил, вошел в кураж и архитектуру поменял (считай за 2 дня переписал приложение), осталось несколько мелочей в коде и по верстке.

Финальный код обязательно выложу в канале, можете не писать все в личку на этот счет.

Кстати, базу вчера всю грохнул - с более чем 300+пользователей, если вдруг опять решите глянуть, заново нужно зарегистрироваться.

Так же хочу поделиться ресурсом, для изучающих React - отличный сборник готовых решений! Можно использовать готовый чужой код, либо смотреть как реализовывать классные штуки на React.

👉 Подробнее 👈

#react

Каррирование...как много в этом звуке 🤣🤣🤣

Когда впервые про него прочел в учебнике - быстро прочел, забыл и успокоился, тк решил, что в жизни не понадобится. Наивный 👈

Сейчас и дня не проходит без каррирования - на днях думал даже статью написать, тк в учебниках мне ниче не понятно было.

Но сегодня наткнулся на перевод хорошей статьи и решил поделиться с вами.

👉Каррирование в JavaScript простым языком👈

Если что, всегда можно уточнить непонятное в нашем чате

#js

Мне всегда хотелось поучаствовать в Open Source - так сказать, оставить свой след ✍️

Возможно, у кого-нибудь из вас были похожие мысли. Да, это не просто - но когда-нибудь попытаюсь.

А пока хочу поделиться репозиторием - в нем подборка более чем для 20 языков программирования. В том числе JavaScript, Python, Ruby, TypeScript, Go, Java, PHP и тд. Выбирайте ваш язык и подключайтесь к Open Source.

👉Список проектов для начинающих👈

Коллега из нашего чата подкинул интересный блог, где много коротких статей, в которых простыми словами и на примерах описывают актуальные темы по JavaScript, TypeScript, React, HTML, CSS, Git и Npm.

Почитал немного - очень доступно и без "воды".

✅Рекомендую

#js #react #git

Наткнулся на свежую книгу -
Кириченко А. В. - JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание. 2020г

Данная книга посвящена тому, как на языке JavaScript создавать хороший код для фронтенда (и не только). В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода.

#book

Буквально на днях у меня появились вопросы к модулям в JavaScript и вот вчера наткнулся на 2 шикарные статьи, которые ответили на многие мои вопросы. Рекомендую!

👉ES6-модули в браузере: готовы они уже или нет?

👉Что происходит, когда JS-модуль импортируют дважды?

#js

Длинная, но очень познавательная история одного программиста != бизнесмена:

Как я заработал 1 000 000 $ без опыта и связей, а потом потратил их, чтобы сделать свой переводчик.

👉Подробнее

Оператор опциональной последовательности ?.

Повторяя теорию JS (перед походом на собеседования), наткнулся на вот такой интересный оператор.
В чем его прелесть? Он позволяет получить значение, интересующего нас свойства, на ЛЮБОМ уровне вложенности, в цепочке связанных объектов. При этом не нужно проверять каждое из промежуточных свойств на существование.

Т.е. работает как оператор ".", за исключением того, что не выбрасывает исключение, если объект, к свойству или методу которого идёт обращение, равен null или undefined. Вместо ошибки он возвращает undefined.

ps Не забываем, что это пока экспериментальная технология, но как видите на скрине - браузер Chrome уже поддерживает

#js

Я знаю, как Вас достали "вирусологи" и скупщики туалетной бумаги в каждом мессенджере и во всех соц сетях! 🤯🤪🤬

А о чем у вас сейчас болит голова?

#юмор