Size: a a a

DНЕВНИК web-программиста

2020 May 31
DНЕВНИК web-программиста
Поздравляем победителей этой недели ! 🎉🥂🥇🥈🥉

А я уже разместил следующий еженедельный квиз
источник
2020 June 02
DНЕВНИК web-программиста
Вышло новое издание самой популярной книги по JavaScript - JavaScript: The Definitive Guide Дэвид Фленаган.


👉Скачать👈

#book #js
источник
2020 June 03
DНЕВНИК web-программиста
Хуки в Реакт оказались классной штукой. Да и с Redux чаще их применяю, чем mapStateToProps, mapDispatchToProps и тд.

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

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

#react
источник
2020 June 04
DНЕВНИК web-программиста
Перевод статьи В чём разница между Docker и Kubernetes?

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

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

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

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

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

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

#js
источник
DНЕВНИК web-программиста
Шикарная статья от разработчиков из компании Tinkoff - 12 советов по внедрению TypeScript в React-приложениях

#ts
источник
2020 June 09
DНЕВНИК web-программиста
Если вы ещё различаете верстальщика и фронтенд разработчика, то вот свежая статья - Что должен уметь верстальщик, чтобы в 2020г его все хотели

#css
источник
2020 June 11
DНЕВНИК web-программиста
Всем привет!

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

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

#react
источник
DНЕВНИК web-программиста
Что вы используете для state management?
Анонимный опрос
38%
Redux
3%
MobX
4%
RxJs
6%
Context API and React Hooks (только в React)
7%
Другое
42%
Ничего, тк еще учусь
Проголосовало: 521
источник
2020 June 12
DНЕВНИК web-программиста
Сейчас жалею, что пока учился не сделал себе сайт-портфолио. Причем, я начинал даже - но слишком круто взял и так до ума и не довел. А теперь уже некогда - все свободное время уходит на работу.

Так что, если вы ещё на обучении - задумайтесь над этим и начинайте писать. Заодно и практика👍
Вот видео с примером - https://youtu.be/fMRu6HI_rRA
YouTube
Верстаем сайт-портфолио на HTML / CSS из PSD с формой обратной связи PHP без перезагрузки
Хостинг HandyHost (промокод на использование 2 месяца бесплатно) — https://clck.ru/NpA6q
После перехода по ссылке нужно заполнить форму на странице и указать номер телефона (без него будет только 3 дня бесплатно). Посмотрите форму, там можно выбрать локацию хостинга и установить CMS, если необходимо.

✍ Макет PSD — https://www.dropbox.com/sh/giq1ikizcvc2yr8/AABsNMLO3kSSoLNwkYS3uSrGa?dl=0
✍ Макет PSD оригинал — https://freebiesui.com/free-psd/psd-web-templates/portfolio-landing-page/

Посмотреть вёрстку — http://u81281.test-handyhost.ru/
Файлы для формы обратной связи PHP взяты отсюда — https://www.dropbox.com/sh/8o9hooik7jk1q8n/AAAse2-XPGpLVtXGGDuOax76a?dl=0
(любые ошибки проверяйте через инспектор)
Иконки — https://zavoloklom.github.io/material-design-iconic-font/icons.html
SCSS документация — https://sass-scss.ru/

🔥 Базовый курс по верстке 3.0 — http://tpverstak.ru/training/
🔥 Продвинутвй курс по верстке 2.0 — https://tpverstak.ru/training-profi/

Купить ежедневник Frontend Book — https://tpverstak.ru/frontendbook…
источник
2020 June 17
DНЕВНИК web-программиста
Подробно о React Router. Часть 1
Давно не встречал хороших свежих статей об этой библиотеке. Сам разбирался по документации, благо она действительно хорошая, но на английском. Постоянно использую эти знания и рекомендую всем разобраться с организацией роутинга.

👉Перевод👈

#react #router
источник
2020 June 18
DНЕВНИК web-программиста
Почти все сайты что-то подгружают с сервера. Да и сам сайт не сразу отображается, поэтому принято показывать пользователю индикатор (прелоадер, спинер и тд) в тот момент, когда грузятся какие-то данные.
И в учебных проектах и в работе - везде приходилось это делать.
Если вы ещё не освоили, как это делать - вот одна из инструкций

#css
источник
2020 June 19
DНЕВНИК web-программиста
Перевод статьи 19 SEO-методов Нила Пателя, которые удвоят трафик из поиска.

Часть 1

Часть 2

Часть 3

#seo
источник
DНЕВНИК web-программиста
Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Подробнее

#react #router
источник
2020 June 22
DНЕВНИК web-программиста
Сейчас, помимо кода, которого уже написал прилично, приходится заниматься и вёрсткой, которую прикручиваю к этому коду))))
Поэтому, продолжаю рекламировать мои любимые grid CSS - вот отличная статья для помощи в выборе, когда flex, а когда grid использовать!

#css #grid
источник
2020 June 23
DНЕВНИК web-программиста
Всем привет!🖖

Несколько дней назад закончился мой испытательный срок - я проработал 2 месяца!

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

Что я могу сказать - вроде как, я стал программистом))) Сбылась мечта идиота)) Но удовлетворения сильного пока нет - слишком многому я ещё хочу научиться. И пока это все фронт и немного сопутствующего, типо docker, Mac и тд.

Так что, не сдавайтесь и все у вас получится!

PS Зарплату подняли в несколько раз, что тоже приятно.

#план
источник
2020 June 24
DНЕВНИК web-программиста
Думаю, уже многие слышали о Deno.
Если теперь хочется попрактиковаться, то вот хорошая стать, в которой напишите первое приложение - ToDo-лист на Deno

#deno
источник
2020 June 25
DНЕВНИК web-программиста
Многие из нас (сужу по себе🤣) стараются быть в тренде и использовать самый свежий стек технологий во фронтенде. А нужно ли это?
Сегодня утром прочел интересную статью - Не надо следовать JavaScript-трендам

#js
источник
2020 June 26
DНЕВНИК web-программиста
Всем привет!

На днях занимался вопросами темизации и кастомизации приложения. Пришлось много материалов перечитать и попробовать реализовать на практике. Хочу поделиться 3-мя статьями и презентацией для полного понимания этой темы. Если когда столкнетесь - не придется столько сил потратить, как я.
1. Презентация от Harry Roberts
2. More Transparent UI Code with Namespaces - тот же автор
3. В продолжение темы
4. Темизация с Sass: бесконечная история - если вы поняли суть из первых ссылок или вам нафиг суть не нужна, хотите просто реализовать, то тут коротко и на русском вся суть.

#css
источник