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

Будут использованы 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
​​Всем привет!

Я регулярно выкладываю сборники задач и составляю свои с вариантами ответов, но часто меня спрашивают про алгоритмические задачи. Все мы знаем, что решение задач очень сильно повышает наш скилл и позволяет "набить руку".

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

Бонус - мой вариант решения задачи brackets Рекомендую смотреть по истории коммитов - иначе последний вариант оптимизации можно и не понять.

#задача
Одна из самых пугающих CSS тем для новичков (да и опытных) - анимация. Да, крутые штуки не так просто сделать, но они не часто и нужны.

Для того что бы научиться делать самые популярные анимации - достаточно 60 мин. Ну, как минимум, вы сможете понимать чужой код анимации и править его под себя 🤣

Для этого предлагаю вам шпаргалку + видео по двум CSS свойствам:

1. TRANSITIONS CSS
👉 Шпаргалка
👉Видео

2. CSS ANIMATION & KEYFRAMES
👉 Шпаргалка
👉Видео

Попробуйте, это просто!

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

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

Рекомендую разобраться с азами, тк не явное приведение типов может вызывать постоянные проблемы. Статей много на эту тему, вот наткнулся на свежее руководство

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

Как и обещал - выкладываю в канал первую серьезную программу, которую я написал сам! React messenger.

Как я уже говорил, цель этого проекта - при устройстве на работу показать работодателю, что я могу. Ведь, без опыта очень сложно устроиться, а когда у тебя есть проекты, которые можно показать - процесс трудоустройства пойдет полегче. Проект оказался не маленьким - около 100файлов!!! Версия на javascript была гораздо попроще)))

Не судите строго, дизайнер с меня совсем никакой, но задача была создать работающий в реальном времени чат. Базовая версия готова - дальше можно усложнять и развивать ее.

В ближайшие дни, я выложу в канале ссылку на код - любой может воспользоваться и написать себе подобное приложение, либо переделать мое!

зы Если найдете баги, либо просто хотите спросить или прокомментировать - пишите в наш чат. На дизайн не смотрим 🤪

ззы Ссылка будет работать только 30 дней - к сожалению, пока нет нормального хостинга

#react #js #диплом
Всем привет!

Хочу поблагодарить всех, кто поучаствовал в тестировании - много мелочей подправил, вошел в кураж и архитектуру поменял (считай за 2 дня переписал приложение), осталось несколько мелочей в коде и по верстке.

Финальный код обязательно выложу в канале, можете не писать все в личку на этот счет.

Кстати, базу вчера всю грохнул - с более чем 300+пользователей, если вдруг опять решите глянуть, заново нужно зарегистрироваться.

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

👉 Подробнее 👈

#react
Каррирование...как много в этом звуке 🤣🤣🤣

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

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

Но сегодня наткнулся на перевод хорошей статьи и решил поделиться с вами.

👉Каррирование в JavaScript простым языком👈

Если что, всегда можно уточнить непонятное в нашем чате

#js
Мне всегда хотелось поучаствовать в Open Source - так сказать, оставить свой след ✍️

Возможно, у кого-нибудь из вас были похожие мысли. Да, это не просто - но когда-нибудь попытаюсь.

А пока хочу поделиться репозиторием - в нем подборка более чем для 20 языков программирования. В том числе JavaScript, Python, Ruby, TypeScript, Go, Java, PHP и тд. Выбирайте ваш язык и подключайтесь к Open Source.

👉Список проектов для начинающих👈
Коллега из нашего чата подкинул интересный блог, где много коротких статей, в которых простыми словами и на примерах описывают актуальные темы по JavaScript, TypeScript, React, HTML, CSS, Git и Npm.

Почитал немного - очень доступно и без "воды".

Рекомендую

#js #react #git