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

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

Считается, что музыка помогает сосредоточиться, а эта подборка как раз из таких стилей.

PS Даже если не слушаете музыку, зацените дизайн приложения 👍

#soft
Часто спрашивают шаблоны сайтов - кому для практики, а кому и для реальных проектов.

Один из коллег поделился в нашем чате большой коллекцией PSD шаблонов и я залил ее для вас.

PSD ч1
PSD ч2

Образец одного шаблона

Не знаю, сколько смогу хранить у себя в облаке, поэтому рекомендую скачать поскорее.

#psd
Что такое производительность веб-приложений?

Статья от одного из разработчиков Tinkoff

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

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

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

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

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

👉 Подробнее👈

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

Будут использованы 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 и тд.
Проголосуйте, что бы я понял, что вас интересует.
Нужно ли выкладывать в канал мой основной проект для портфолио?
Anonymous Poll
5%
Не интересует
24%
Ссылку на деплой - хочу просто посмотреть, как работает.
71%
Нужен весь код на gitHub
Сейчас очень популярная технология 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