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

Что-то давно я не выкладывал свои любимые краткие пересказы книг - исправляюсь!

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

📚«Цифровой минимализм»  Кэл Ньюпорт.
Это уже вторая работа американского профессора компьютерных наук о тайм-менеджменте. В первой книге он рассказывал об умении фокусироваться на конкретной задаче, не отвлекаясь на посторонние дела.

#book

10 React-компонентов на все случаи жизни

👉 Подробнее👈

#react

Красиво стилезуем checkbox, radio и switch

👉Подробное руководство👈

#css

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

Будут использованы Nuxt.js, GraphQL, Strapi и Stripe!!!

Как вам такая идея?

👉Подробнее👈

#vue

Как использовать преимущества localStorage в React? Да легко! В этой статье вы узнаете об удобстве применения локального хранилища в React приложениях.

#react

Как сделать из сайта приложение и выложить его в Google Play за несколько часов

Часть 1/2: Progressive Web App
Часть 2/2: Trusted Web Activity

#js

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

Предыдущий этап обучения был, наверно, самым сложным в психологическом плане - все было плохо, дальше некуда.
Но, что делают с нами не преодолимые трудности? Ломают! Тьфу ты, нет конечно - они делают нас сильнее!!!

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

Делюсь с Вами очередным отчетом о следующем этапе своего обучения - Этап 4.1.1

#план #js

Всем привет!

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

✅Рекомендую в закладки.

#css

Всем привет!

Последние несколько дней почти не пишу в дневнике - усиленно пишу код))) Хочу в ближайшие дни задеплоить свой "выпускной" проект и начать готовиться к собеседованиям. В планах найти работу в этом месяце.

В ближайшие дни напишу статью об очередном этапе учебы, довольно приличный объем пришлось осилить.

Так же хотел спросить - интересен ли вам код моего приложения для портфолио? Все же это не ToDo, которые в каждом гайде, а полноценный чат, работающий в реальном времени и использующий актуальный стек - React, Firebase, SASS  и тд.
Проголосуйте, что бы я понял, что вас интересует.

Сейчас очень популярная технология 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 Рекомендую смотреть по истории коммитов - иначе последний вариант оптимизации можно и не понять.

#задача

Вы используете devDependencies неправильно

👉Подробнее👈

#npm

Одна из самых пугающих 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