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

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

@webprogrammerdiary

Авторский канал о том, как стать программистом, когда вы даже не знаете, что это.
Много интересного и для других сфер - планирование, самоконтроль, различные лайфхаки и т.д.
Задачи @tasks_frontend
Обратная связь @WpdFeedbackBot
Сотрудничество @rezvanini
Open in Telegram
Subscribers
2.26K
Photos
214
Videos
0
Links
560

Showing posts older than #779 · Back to latest

Older Posts 20 shown
Post #775 3.01K
Всем привет!

Всегда стараюсь следить за новинками. Поэтому, предлагаю перевод статьи о новой фишке из ECMAScript 2020 - Как использовать Nullish Coalescing в JavaScript

#js
Medium Как использовать Nullish Coalescing(оператор нуллевого слияния) в JavaScript В этой статье вы узнаете как работать с Nullish Coalsing, а именно оператором нулевого слияния в ES2020
Post #772 2.88K
Всем привет!

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

#css
Speaker Deck 4½ Methods for Theming in (S)CSS A detailed look at four (and a bit) different ways to provide various types of theming functionality in your UI projects.
Post #771 2.8K
Многие из нас (сужу по себе🤣) стараются быть в тренде и использовать самый свежий стек технологий во фронтенде. А нужно ли это?
Сегодня утром прочел интересную статью - Не надо следовать JavaScript-трендам

#js
Post #769 2.81K
Думаю, уже многие слышали о Deno.
Если теперь хочется попрактиковаться, то вот хорошая стать, в которой напишите первое приложение - ToDo-лист на Deno

#deno
Хабр Todo-лист для командной строки на Deno Вы уже наверняка слышали про Deno и, скорее всего, прочитали пару-тройку обзоров. В рамках своей статьи я предлагаю испытать Deno на практике, написав приложение...
Post #768 2.8K
Всем привет!🖖

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

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

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

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

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

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

#css #grid
Хабр Использование Grid для макетов страниц, а Flexbox — для макетов компонентов Мой брат недавно отучился на компьютерщика и сейчас завершает стажировку в области фронтенд-разработки. Он узнал и о CSS Grid, и о CSS Flexbox, но в том, как он пользуется этими механизмами создания...
Post #765 3.07K
Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Подробнее

#react #router
Medium Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута Часть 2. Параметры запроса, 404 страница и передача пропсов компоненту роута.
Post #763 2.87K
Перевод статьи 19 SEO-методов Нила Пателя, которые удвоят трафик из поиска.

Часть 1

Часть 2

Часть 3

#seo
SEOnews 19 SEO-методов Нила Пателя, которые удвоят трафик из поиска. Часть 1 Нил Патель рассказывает, как правильно проводить SEO-аудит, работать с посадочными страницами и анализировать мобилопригодность сайта
Post #762 3.04K
Почти все сайты что-то подгружают с сервера. Да и сам сайт не сразу отображается, поэтому принято показывать пользователю индикатор (прелоадер, спинер и тд) в тот момент, когда грузятся какие-то данные.
И в учебных проектах и в работе - везде приходилось это делать.
Если вы ещё не освоили, как это делать - вот одна из инструкций

#css
NOP::Nuances of programming Как с помощью чистого CSS создать красивую анимацию загрузки для приложения Некоторые социальные гиганты, такие как Facebook, даже используют этот подход для улучшения загрузки страниц. Как мы можем добиться такого же результата с помощью одного только простого CSS?
Post #761 2.98K
Подробно о React Router. Часть 1
Давно не встречал хороших свежих статей об этой библиотеке. Сам разбирался по документации, благо она действительно хорошая, но на английском. Постоянно использую эти знания и рекомендую всем разобраться с организацией роутинга.

👉Перевод👈

#react #router
Medium Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы В этой серии статей вы подробно и доходчиво узнаете о том, как работает Router в React, как его можно использовать и другие интересные…
Post #760 3.97K
Сейчас жалею, что пока учился не сделал себе сайт-портфолио. Причем, я начинал даже - но слишком круто взял и так до ума и не довел. А теперь уже некогда - все свободное время уходит на работу.

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

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

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

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

#ts
Хабр 12 советов по внедрению TypeScript в React-приложениях TypeScript — стандарт современной фронтенд-разработки. Согласно исследованиям State of JavaScript, TS вызывает явный интерес у программистов. По данным опроса за...
Post #754 3.08K
Помню когда я в первый раз разбирался с 5 принципами S.O.L.I.D. - была путаница, либо недопонимание.
А это очень важно усвоить, тк используется везде, где есть ООП (а где его нет? 🤣).
Статей много в интернете, но сегодня наткнулся на такую, где пытаются объяснить через иллюстрации!
Попробуйте, возможно именно вам такой подход подойдёт!

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

#js
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →