👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16❤3
📸 Микросервисы/монолиты, модульность, умные/глупые компоненты, а так же несколько примеров проектирования архитектуры - все это вы узнаете из данной статьи.🪑 Ранее автор уже публиковал подобный материал, сейчас вышла 2ая часть
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
Habr
Чистая архитектура фронтенд приложений. Часть вторая
Предисловие В первой части я говорил общими терминами и больше рассуждал про бизнес-процессы (почитать можно тут ). Далее я буду более детально углубляться в структуру проекта и частные случаи,...
☃2
В данном посте я соберу не "самый быстрый план, чтобы в катиться в ІТ" Расскажу про путь, которым шёл лично я, что считаю по-настоящему эффективным для изучения.
Короче гайд на разработчика.
0) Выбор направления: 1-2 месяца. На этом этапе вам нужно полностью погрузиться в какую-либо из сфер программирования: фронтенд, бэкенд, тестирование, машинное обучение, девопс - не важно. Смотреть блогеров по этому направлению/изучать, какие языки программирования тут используют. Анализ вакансий - сколько вакансий на конкретном направлении, какие зарплаты, как много вакансий на джунов/ стажеров.
1) База: После выбора направления нужно приступать к глубокому изучению технологии/ языка программирования.
Для фронтенда это вёрстка - html/css. Тут могу посоватовать от 0 до 1.
Как только ты сверстаешь самостоятельно 1-2 лендинга - можно переходить к следующему этапу
2) JavaScript:
2.1 Практика - берем и нарешиваем codewars/leetcode. Ничто не научит вас так пользоваться языком, как написание на нём алгоритмов. Вы прокачаете мышление, понимание механизмов языка, алгоритмические знания. Короче только плЮСЫ
2.2 Теория - интерактивный учебник - learnJavaScript. Его будет достаточно для получения БАЗЫ. Если вам непонятна какая-либо из тем учебника - гуглите, гуглите постоянно. Только так вы понастоящему научитесь. Нельзя оставлять пробелов, если ты читаешь материал и в процессе не понимаешь слово - сразу гугли значение.
Иначе пользы будет гараздо меньше
PS: по js знания должны быть отличные, пока вы не будете досконально понимать как работает этот язык под копотом -- нельзя прекращать его учить. Т.к. на собесах вас будут спрашивать по механникам языка: Event Loop, замыкания, контекст, всплытие, функции и тд.
3) React js + Redux - Если вы хорошо изучили js, то для Реакта вам не понадобиться много времени. Тут процесс схожий с js, теория - документация + лекции по React от яндекса
1) Лекторий Яндекса, продвинутый реакт
2) Лекторий Яндекса, продвинутый реакт 2
3) Детальный React. Реконсиляция, рендеры,
Fiber, виртуальное дерево
По практике я максимально рекомендую стримы Siberia Can Code + несколько 12-ти часовык мастер классов от Archakov blog:
NextPizza / Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS,
Prisma, NextAuth]
Интернет магазин одежды Ростелеком с нуля
до деплоя: Next.js + React-admin + OAuth +
MongoDB
Есть еще пара поинтов, без которых обучение будет менее эффективным:Написание проектов → ревью вашего кода. Важно найти человека, который сможет время от времени ревьюить ваш код. Таких типов спокойно можно найти на стримах с твича/ютуба. Много прогеров, стримящих на 1-2 зрителя, которые будут непротив поревьюить ваш проэкт.
4) Поиск работы - Составляем резюме на hh.ru и откликаемся на ВСЕ вакансии своего направления + анализируем все возможные стажировки. Зачастую компании публикуют стажировки только на своих сайтах (сбер на privet.sber и тд.) + активно общайтесь в Т чатах, может быть такое, что кому-то из чата понадобиться сотрудник в компанию (я так нашел первую работу в I, когда просто откликнулся на сообщение в чате "Нужен фронт, кто готов пройти собес?")
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Верстка сайта - HTML, CSS, JS. Адаптив
Друзья, привет! Это верстка сайта, даже кое-что получше, это верстка первой страницы интернет магазина. поскольку сам сайт о продаже чая, то на первой странице есть элементы интеренет магазина, вам будет очень полезно попрактиковатся в верстке таких блоков.…
❤11🔥1
💪 Пет проекты можно не только писать в стол, но и получать с них выгоду. Тебя может заметить большая компания и взять на работу, ты можешь сделать свой проект платным и продавать его. Вариантов много, нашел для вас пару статей с историями о монетизации своих петов
1) Клик
2) Клик
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Как разработчик вышел на $400 000/мес на AI-сервисе для написания эссе
Разбираю, как разработчик вывел свой простой сервис для написания эссе в топ Google, несмотря на кучу конкурентов. Монетизировал продукт по подписке $30/мес и вышел на доход более, чем $400 000 в...
🔥2
12-ти часовой фуллстек гайд по созданию настоящего клона твича.😎 В стеке используются актуальные инструменты на 2025 год.
PS: Старайтесь не повторять полностью материал из видео, чтобы лучше освоить знания.
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Full-Stack копия Twitch: Nest.js, GraphQL, Prisma, Next.js 15, Apollo | Часть 1
🌟 Поддержать автора: https://boosty.to/teacoder/donate
🚀 Разверните свой проект в Selectel за пару минут: https://slc.tl/yrz8v
🎬 Следующая часть: https://youtu.be/i1eMVrtF9bY
🔗 Проект на сайте: https://teacoder.ru/courses/full-stack-kopiya-twitch
📢 Присоединяйтесь…
🚀 Разверните свой проект в Selectel за пару минут: https://slc.tl/yrz8v
🎬 Следующая часть: https://youtu.be/i1eMVrtF9bY
🔗 Проект на сайте: https://teacoder.ru/courses/full-stack-kopiya-twitch
📢 Присоединяйтесь…
🔥6❤2
STR IT
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
Anonymous Quiz
26%
false, true
17%
true, false
48%
false, false
9%
true, true
👍2
Продолжения к прошлому посту с фуллстек приложением - клон твич. Но уже вышли 2 и 3 часть, так что бегом смотреть.💰 💰
Часть 2
Часть 3
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Full-Stack копия Twitch: Nest.js, GraphQL, Prisma, Next.js 15, Apollo | Часть 2
🌟 Поддержать автора: https://boosty.to/teacoder/donate
🎬 Следующая часть: https://youtu.be/1VRuHVQdkuY
🔗 Проект на сайте: https://teacoder.ru/courses/full-stack-kopiya-twitch
📢 Присоединяйтесь к Telegram каналу: https://t.iss.one/TeaCoder_official
В этом 30…
🎬 Следующая часть: https://youtu.be/1VRuHVQdkuY
🔗 Проект на сайте: https://teacoder.ru/courses/full-stack-kopiya-twitch
📢 Присоединяйтесь к Telegram каналу: https://t.iss.one/TeaCoder_official
В этом 30…
🔥3
Почему вашему проекту может навредить FSD? Как организовать структура проекта, в зависимости от его бизнес требований?🤫 Ответы на эти вопросы можешь найти в данной статье
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Архитектура фронтенд-приложений на React. (Нам не нужен FSD)
Всем привет, меня зовут Павел Рожков, я lead фронтенда в компании Doubletapp . Мы занимаемся заказной разработкой, и в нашей работе над React-проектами важную роль играет наш архитектурный гайдлайн,...
🔥3
Anonymous Poll
7%
Найти работу легко
43%
С трудом, но за 1-2 месяца можно найти хорошее место
26%
Рынок переполнен, только с удачей можно найти работу
23%
Как жить..😔
❤3
Веб-приложения сегодня требуют всё большей интерактивности, отзывчивости и быстродействия. В ответ на это команда React постоянно совершенствует инструментарий, позволяющий нам тонко управлять рендерингом и пользовательским опытом. В данной статье вы познакомитесь с новыми способами оптимизации приложений
Str (IT-Community)
Please open Telegram to view this post
VIEW IN TELEGRAM
Habr
Оптимизация React-приложений: Используем useTransition, useDeferredValue и useOptimistic для плавного UI
Изображение, созданное DALL-E Веб-приложения сегодня требуют всё большей интерактивности, отзывчивости и быстродействия. В ответ на это команда React постоянно совершенствует инструментарий,...
❤3