Всем привет!

Хочу поделиться мыслями насчёт TypeScript.
Устроившись на работу, я попал на проект, где нет ни одного .js файла - все нужно писать на Typescript.
Азы этого языка оказались совсем не сложные. Думаю, тот код, который приходится писать при изучении JavaScript вполне легко сразу типизировать на Typescript.
Поэтому, если вы уже заканчиваете изучать базовый JavaScript - попробуйте под конец обучения подключить Typescript.
Не заметив как, вы выучите его базовые основы. Конечно, эта рекомендация не для всех - если у вас цель изучение JavaScript для добавления изредка на сайт каких-нибудь мелочей, то Typescript вам не нужен.
Если же вы не планируете останавливаться на вёрстке и хотите быть хорошим разработчиком, то сейчас никуда без Typescript.

PS Вот бесплатный короткий курс с которого вы можете начать - https://www.youtube.com/playlist?list=PLNkWIWHIRwMEm1FgiLjHqSky27x5rXvQa

#ts

Обзор предложений по добавлению в ECMAScript двух примитивных значений - Record & Tuple (записи и кортежи).

👉Подробнее

#js

Совсем новичкам.
Дорожная карта от Алены Владимирской - как учить веб, что бы зарабатывать от 100тр. Рекомендации разбитые на 8 этапов.

PS Спойлер - чуда не будет, нужно учиться, учиться и учиться🤣

👉Подробнее

Всем привет!

Забыл вчера поздравить всех с днём ... JavaScript!!!
Да, оказывается есть такой праздник - точнее пытаются его организовать в последнюю пятницу мая.
Ведь именно в мае 1995г Brendan Eich создал за 10 дней язык, который скоро захватит мир - JavaScript 🤣

Подробнее можно почитать от авторов этой инициативы и скачать логотипы - https://medium.com/@dzmitry.varabei/celebrating-javascript-developer-day-ab9b26059b59

#jsday

Поздравляем победителей этой недели ! 🎉🥂🥇🥈🥉

А я уже разместил следующий еженедельный квиз

Вышло новое издание самой популярной книги по JavaScript - JavaScript: The Definitive Guide Дэвид Фленаган.


👉Скачать👈

#book #js

Хуки в Реакт оказались классной штукой. Да и с Redux чаще их применяю, чем mapStateToProps, mapDispatchToProps и тд.

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

Кстати, вот свежая статья с несколькими советами, для тех кто использует Хуки.
👉https://frontend-stuff.com/blog/5-tips-to-understand-react-hooks-better/

#react

Перевод статьи В чём разница между Docker и Kubernetes?

Подробнее

Когда я устроился на работу (да и за все время, а это почти 2 месяца) мне не хватало знаний в 3 направлениях:
1. TypeScript. Ну, это я как чувствовал и отложил на неделю выход на работу и немного с ним разобрался, о чем писал уже (хочу прям реально хорошо его освоить).
2. Docker. Такое же желание как и с TS т.к. вижу, что это уже не будущее, а настоящее. Ну, благодаря одному из читателей моего канал (Сергей, ещё раз спс) я приступаю к 2х недельному курсу обучения.
3. Написание слоя api между сервером и интерфейсом. Ну, тут я считаю, что это нельзя джуну давать, но научится нужно будет...позже 🤣

И я задумался - а что ещё я хотел бы освоить в ближайшее время?

Вот перевод статьи, где автор озвучивает - что ещё вам нужно разобрать. Согласен с ним, кроме WordPress - меня не интересует фриланс (как минимум сейчас), поэтому вычеркнул. Скажу только одно - это далеко не полный список)))

ЗЫ Сейчас немного реже пишу в канал - фактически работаю все свободное время, но скоро войду в темп и буду больше уделять время каналу. Актуальные новости и хорошие статьи - в любом случае моментально размещаю в канале.
И помните - веб это просто, даже я смог! Главное не сдавайтесь! Верю в вас!

#план

Помню когда я в первый раз разбирался с 5 принципами S.O.L.I.D. - была путаница, либо недопонимание.
А это очень важно усвоить, тк используется везде, где есть ООП (а где его нет? 🤣).
Статей много в интернете, но сегодня наткнулся на такую, где пытаются объяснить через иллюстрации!
Попробуйте, возможно именно вам такой подход подойдёт!

Принципы SOLID в картинках

#js

Шикарная статья от разработчиков из компании Tinkoff - 12 советов по внедрению TypeScript в React-приложениях

#ts

Если вы ещё различаете верстальщика и фронтенд разработчика, то вот свежая статья - Что должен уметь верстальщик, чтобы в 2020г его все хотели

#css

Всем привет!

Разобравшись, что использовать Redux для state management в проектах на React, мягко говоря, не лучшая идея, я преступил к поискам замены.
Ранее я использовал Context API and React Hooks, сейчас посмотрел MobX и RxJs, которая интегрирована в Angular.
Везде нашел плюсы и минусы, пока не могу сказать, что более оптимально. А что вы предпочитаете использовать?

PS Кстати, рекомендую ознакомиться всем, кто использует Redux и React - короткая тезисная статья: 5 причин, почему вы должны забыть о Redux в приложениях на React.
👉Подробнее

#react

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

Так что, если вы ещё на обучении - задумайтесь над этим и начинайте писать. Заодно и практика👍
Вот видео с примером - https://youtu.be/fMRu6HI_rRA

Подробно о React Router. Часть 1
Давно не встречал хороших свежих статей об этой библиотеке. Сам разбирался по документации, благо она действительно хорошая, но на английском. Постоянно использую эти знания и рекомендую всем разобраться с организацией роутинга.

👉Перевод👈

#react #router

Почти все сайты что-то подгружают с сервера. Да и сам сайт не сразу отображается, поэтому принято показывать пользователю индикатор (прелоадер, спинер и тд) в тот момент, когда грузятся какие-то данные.
И в учебных проектах и в работе - везде приходилось это делать.
Если вы ещё не освоили, как это делать - вот одна из инструкций

#css

Перевод статьи 19 SEO-методов Нила Пателя, которые удвоят трафик из поиска.

Часть 1

Часть 2

Часть 3

#seo

Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Подробнее

#react #router

Сейчас, помимо кода, которого уже написал прилично, приходится заниматься и вёрсткой, которую прикручиваю к этому коду))))
Поэтому, продолжаю рекламировать мои любимые grid CSS - вот отличная статья для помощи в выборе, когда flex, а когда grid использовать!

#css #grid