DНЕВНИК web-программиста
2.58K subscribers
214 photos
14 files
560 links
Авторский канал о том, как стать программистом, когда вы даже не знаете, что это.
Много интересного и для других сфер - планирование, самоконтроль, различные лайфхаки и т.д.
Задачи @tasks_frontend
Обратная связь @WpdFeedbackBot
Сотрудничество @rezvanini
Download Telegram
Всем привет!

Сегодня немного не по теме, но уверен, что актуально для всех - СПАМ!
Постоянные звонки и смс от Сбера, Халвы, Билайна и тд и тп начинают напрягать, а тк в отпуске сейчас делать нечего, решил поискать что-нибудь посерьёзнее, чем просто добавлять постоянно эти номера в черный список.
В результате нарыл интересную инструкцию, рекомендую.
👉Тариф «100к+», или как вельми зело огорчить спамера
Всем привет!

Я думаю, не стоит объяснять почему так важна скорость загрузки страниц. А вот что на эту скорость влияет, многие начинающие разработчики не знают.
Для них перевод статьи 5 ошибок, влияющих на время загрузки страницы
Concurrent Mode в React пока ещё experimental feature, но говорят, это не на долго.
Кто использует React, но ещё не в курсе, рекомендую ознакомиться, тк этот функционал очень уж востребованный и долгожданный.

👉Подробнее

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

В нашем чате было обсуждения курсов и мне пришла в голову идея написать короткий обзор/рецензию. Если вам интересен данный формат, ставьте лайк, что бы я понял, стОит ли на это тратить время.
Если многим это нужно, то буду писать и далее такие обзоры. Мне кажется, для новичков и обучающихся это актуально.
Но это только мое мнение и восприятие курса, поэтому относитесь к этим обзорам с долей скептицизма.
зы Эти обзор (если буду иногда их писать), будут моим мнением, а не проплаченным пиаром.

Итак, мое мнение о курсе React Hooks - Пишем Реальный Проект с Нуля
Плюсы и минусы курса
+ Автор пишет в современном синтаксисе
+ React Hooks, ну это и из названия видно
- Очень слабо раскрывает React Hooks
+Кастомные хуки, что сейчас мега актуально
- Хотелось бы чуть больше их, но тут от проекта больше зависело, чем от автора.
+ Выполнив проект (или скопировав его) из этого курса, вы получите хорошую и актуальную работу для своего портфолио. Вот тут прям очень жирный плюс, если вы еще не работаете и нет портфолио.
- Автор позиционирует курс, для тех кто знает React, но не знает хуки. По мне так совсем слабо для знающих React, они больше информации из документации получат. И в 5раз быстрее. А вот смогут ли совсем новички вынести пользу из курса, я немного сомневаюсь.

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

#обзор
Всем привет!

Одна из самых актуальных на сегодня тем - тестирование! Разработчики с небольшим опытом и стажем зачастую игнорируют ее, а зря! Да, я прекрасно понимаю, что писать по TDD нереально для разработчик начального уровня, но тестирование все равно необходимо использовать.

Поэтому ввожу новый хэш тег #тестирование и буду делиться интересными материалами.

Сегодня хочу дать ссылку на свежее видео на русском языке, которое случайно увидел - "How to build API testing project?"

👉Подробнее
Всем привет!

Изображения, это первое, что начинают оптимизировать на странице, для увеличения скорости загрузки.
Автор статьи Максимальная оптимизация загрузки изображений для Интернета в 2021 году приводит 8 методов для оптимизации изображений.
ЗЫ Я недавно делал подобную оптимизацию, что моментально поднимает рейтинг страницы в Google PageSpeed Insights

#css
А вы знаете в чём разница между узлом и элементом DOM?
Я даже не задумывался об этом)))

#html
Не могу не поделиться таким CSS clip-part генератором, который мне сегодня скинул коллега в нашем чате.
Рекомендую 👍

#css
Всем привет!
Не могу сказать, что полностью согласен с автором статьи, но в общем направление верное. Да и комментарии попадаются полезные.

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

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

Последнее время на работе делал OAuth2 аутентификацию через Google, Facebook, Apple. Сначала сам с 0 все написал, потом готовые компоненты попробовал...по мне так сыровато все... Apple так ваще своей дорогой идёт, как обычно.
ЗЫ Потом опубликую какие готовые решения более менее понравились, думаю, это актуально почти в каждом проекте.

Сейчас чат заканчиваю прикручивать к проекту - то ещё удовольствие строить архитектуру на фронте без возможности влиять на древний сервер))

ЗЫ Вечером опубликую интересный материал для изучения/подготовки к собеседованию на React.
Хочу поделиться отличным ресурсом, в котором, наверно, крупнейшая подборка учебных материалов на русском языке для библиотеки React. Данный ресурс собрал уже около 400 звезд на гитхаб.

В нем вы найдете информацию по следующим темам:

Ключевые концепции React
React Router
Интернационализация в React
Тестирование в React
React Redux
React Native
Библиотеки для React
Разное (много разного, включая хуки)

Как я понял - это только первая версия, автор готовит следующую, причем не менее объемную.

👉Тотальный React

ps Теперь вы знаете, чем заняться на выходных)))

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

Если кто-то ещё хранит и логику и отображение в одном компоненте Реакт, то я рекомендую задуматься о катомных хуках.
Очень просто, удобно и главное - необходимо! Никаких особых дополнительных знаний не нужно, достаточно знать базовые хуки Реакт.
Для примера, вот отличная статья - хоть и н английском, но там все понятно. Рекомендую разобрать все примеры.

#react #hook
Всем привет!

Вчера я понял, что после изучения JavaScript мой выбор React был самым оптимальным. Не буду разбирать + или - React, но фактически он №1 сейчас. Точно так же, как и Typescript который стал однозначным выбором, почти в любом проекте.

Так что, если кто заканчивает изучение js и думает, что выбрать дальше - посмотрите на рынок вакансий и увидите 70-80% это React. 👍

ЗЫ Обновляемая подборка качественных библиотек для React (кроме библиотек компонентов, там все и так ясно).

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

Мне нравится мощь CSS Grid, да и поддержка браузерами уже позволяет сегодня использовать данную технологию во многих проектах.
Кто не в курсе - в Chrome DevTools уже можно отлаживать, с недавних пор)))
👉 Подробнее

#css