Creating an internet site? What was and where we are going in front-end development

In this video, Egor will talk about how much you need to know for front-end development. But which of this variety is worth learning and which is not? Where does the Internet go? Is everything good with it? So, brew chai/coffee - it'll be interesting 😉
ANNOUNCEMENT:
Egor Malkevich's educational groups
malkevich.notion.site/6f9485c...
00:00:00 Funny moments
00:00:15 Beginning
00:00:49 Announcement of Education by Yegor
00:02:13 What does the website consist of?
00:08:26 What about HTML?
00:18:30 JavaScript?
00:23:11 How do you make a website?
00:30:56 Framework War
00:41:13 Storing state at the front end
00:59:15 What's wrong with the internet?
01:08:43 Conclusions
______________________________
EGOR ON THE INTERNET:
🔹 Website - malkevich.com/
🔹 KZbin - / egormalkevich
🔹 Instagram - / ubogew
Support Yegor $$$:
🔸 Become a sponsor - / @yamalkevich
🔸 Buy a swag at the store - / @yamalkevich
🔸 Etherium - 0xD89aa0C3871fa5AC93e261acD11d53e026F39a46
______________________________
#egor #ityoutubersru #json #webdevelopment #webdeveloper #webdeveloper
Translated with www.DeepL.com/Translator (free version)

[@yamalkevich]

Образовательные группы Егора Малькевича malkevich.notion.site/6f9485c0b3d54c8b858d4d2fc5a73108 00:00:00 Смешные моменты 00:00:15 Начало 00:00:49 Анонс образования от Егора 00:02:13 Из чего состоит сайт? 00:08:26 Что насчет HTML? 00:18:30 JavaScript? 00:23:11 Как сделать сайт? 00:30:56 Война фрэймворков 00:41:13 Хранение состояния на фронте 00:59:15 Что не так с интернетом? 01:08:43 Выводы

[@DarthZiel]

Спасибо

[@dimitryk8429]

ну вот нафига очередной курс от неочередного бллогера

[@yamalkevich]

@@dimitryk8429 а почему нет?

[@dimitryk8429]

​@@yamalkevich ну я тут прикинул по подпискам на прикольных блоггеров а их где-то 7 и каждому занести донат за курс, не хилая такая сумма получается и вот вопрос, почему да ? если 120 долларов по акции стоит год pluralsight периум доступа, плюс нужно читать и смотреть доклады аля NDC самому когда уже знаешь какая специфика нужна тебе

[@dimitryk8429]

пруралсайт бейджики прям как епам дает кстати да и в заказчика можно кинуть мол я тренинги по OWASP-top10 и security в таком-то году прослушал(реальный кейс)

[@user-tn3ot9gp5e]

Егор, очень интересно тебя смотреть, спасибо за контент)

[@glow_pick]

Спасибо❤ картинка оч красивая, приятно смотреть))

[@ruslanundefined2242]

Егор, спасибо за видос, нравится твой подход к нашему делу. Двигаем канал в топы. 🎉

[@super-baby3419]

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

[@user-jn4up1wz4w]

Двигаем алгоритмами твой труд, спасибо!

[@tima1301]

всегда интересно тебя слушать

[@MigelMora30]

Круто, знания лишним никогда не будут. Спасибо.

[@TsyganskiyPosol]

Круто, спасибо! Было интересно

[@user-fp2ud7nv1h]

Вот тут я подчерпнул для себя много полезного. Спасибо Егор!👍

[@Illya.Landar]

*Информация которую я бы хотел знать в начале своего пути. А так пришлось собирать её по крупицам. Спасибо что расставил все по полочкам.*

[@victorchilari]

Интересно, спасибо за годный контент!

[@Ivan-mb3ze]

Ура, да, давай ещё!

[@polina6940]

очень круто) пишу коммент для поддержки ролика

[@gooddha]

Крутое видео, спасибо

[@pavelmaslov696]

то что нужно, посмотрел видос кайфанул, лайк

[@rustammadrimov5658]

Спасибо за твой труд!

[@victor5485]

Хороший контент Егорка делает!

[@stefu.stepan]

Комментарии для продвижения. Абракадабра больше слов где носки? Что будет завтра? В чем смысл жизни. Еще больше слов.

[@romeojameson2103]

Подписался на тебя, после просмотра интервью на АйТиБорода (👍 выпуск). Слежу, крутая подача! Удачи в новых начинаниях! 💪

[@yamalkevich]

Спасибо бро 😎

[@holistic.mentor]

Продавим алгоритмы ради такого контента, не останавливайся!

[@user-ku7cj4rw8c]

Егор, спасибо за видос. У меня сейчас вторая попытка выучить фронт. Изучала на курсах. Сначала было всё норм, потом моя коробочка перестала принимать новую информацию. Очень дохера всего для не подготовленного человека)) Будет круто, если ты на своих курсах будешь давать только то что реально нужно на практике и больше практических задач, меньше теории. Ещё просьба добавлять в описании к видео ресурсы которые рекомендуешь использовать.

[@yamalkevich]

Именно в этом и идея

[@johnbrown3914]

Больше комментариев богу-алгоритму

[@Leha_Andr]

Самый структурированный и информативный разбор на тему frontend разработки, многое стало понятно, спасибо автору за видос!!!!!!

[@tima1301]

жду больше видео!

[@andreyk798]

Какой-нибудь комментарий чтобы двигаться вперед, для тебя, для души. Егор красавчик!

[@wwaaaaagffrrr9245]

Я начинающий Web разработчик. Видос супер смотреть и интересно, что важно без воды. Спасибо.

[@user-eg6hw2mb2v]

Круто работаешь со зрителем. Не приходится скучать . Супер. Удачи в работе. Может планируешь курс по фронтенд?

[@yamalkevich]

Планирую, ссылки в описании

[@andreychernov1]

У всех рекламные вставки громче основного видео, а у Егора всё не как у всех) Отличное видео!

[@interesting731]

Привет, Егор! Спасибо за видео. Только захожу во фронтенд, что можешь рассказать об OpenAI и Copilot? Станет ли это угрозой для джунов?

[@yamalkevich]

Хорошая тема!! Но краткий ответ нет. Спокойной лети и занимай своё место в айти

[@romangargosow]

Егор, удачи)

[@kiralatysheva6794]

курс по html в 2022, класс!

[@yamalkevich]

Ахаха а это идея

[@grenadier4702]

1) Только не стоит использовать контекст глобально для данных, которые часто меняются типа состояния юзера. Это приведет к ненужны ререндерам. Лучше что-то простое вроде Zustand, как сканано в видео, либо MobX. Хотя последнее кажется немного сложнее, но на деле это не так. И общение между состояними организовать можно с помощью внедрения зависимостей. 2) Как рекомендуете реализовывать SSR без Next? Писать самописный Node.js сервер с использованием renderToString/renderToPipableString? Еще нужны статические страницы. 3) PostCSS нужен по большей части для вендорных префиксов 4) Zustand - по-немецки "цуштанд". Cочетание st читается как ш, а z - ц.

[@yamalkevich]

я пробовал сср делать на vite не понравилось, видимо свой сервер на node выглядит хорошим вариком

[@grenadier4702]

​@@yamalkevich Не планируете сделать видео на эту тему? Прям туториал. В частности, было бы интересно посмотреть на реализацию hot module replacement

[@tima1301]

топ

[@narek1771]

можно побольше про сайты на cdn?

[@Masimakers]

1:58 Занести дяде Егору денег =))

[@deniskotov]

Блин, очень интересно

[@Hayabusa17]

спасибо за видео, можешь теперь про бекенд снять?

[@yamalkevich]

Будет чуть позже

[@aboba86468]

Спасибо за видос, легко смотрится, но чет в итоге что делать - не очень понятно) Насчёт редаксов, скажу так: бойлерплейт - ну да, но например когда делаешь продукт, и поддерживаешь его, кажется что один раз написал - и дальше живешь довольно просто. И я вот смотрю на эти контексты, как же мне не нравится куча вложенностей при доставании оттуда данных, на этом фоне селекторы в редаксе смотрятся очень прикольно) А что скажешь про эффектор? Сложно, запутанно и не нужно?)

[@yamalkevich]

use.... и достал данные где нужно, оборачиваешь все на уровне роутера. Роуты делишь по DDD и очень просто управлять

[@grenadier1653]

Просто сделайте хук типа useMyContext() и доставайте из него всю апишку и стейт

[@grenadier1653]

@@yamalkevich не думаете по ddd сделать ролик? Было бы очень интересно узнать, как это имплементируется

[@Masimakers]

Отличное видео, много материала собрано и преподнесено нам. Интересно сколько затрачено времени на подготовку (без учёта "вся жизнь и весь в ней присутствующий опыт") ? прекрасная работа, с удовольствеи просмотрел.

[@yamalkevich]

Много

[@kiralatysheva6794]

Можешь записать аналитику на тему замещения программистов искусственным интеллектом? Инструментами типа гпт-3 Про мобильную разработку подробнее было бы интересно.

[@AlexanderOsnovnoi]

Zustand очень похож на нативный store в Svelte. Синтаксис похожий и механизм обновления состояния

[@fake_fakerovich6619]

Крутой видос

[@alxvedder]

🔥🔥🔥

[@user-ic4dk4sp3y]

Надо бы написать комментарий

[@DoggerProgger]

харош)

[@sergsergey4251]

Двигайся дальше)

[@evgenysmirnov4762]

🔥 Выпуск. А что про mobX не упомянул? Вроде он не такой многословный как редакс...

[@yamalkevich]

Да но он то же требует написания запутанного кода когда мнежду моделями перекидываешь данные. Он хорош но в узских кейсах

[@user-es9dq7sz4g]

отличная подача

[@universemindlab3876]

Хорош видос спс

[@viacheslavmelnik888]

Спасибо!

[@tackesi]

Какие нибудь комментарии что бы двигаться вперед

[@user-jq6wm2ur4m]

Привет, коллеги) У меня всё еще послевкусие после ролика с вычислением учителя информатики, в котором Егор принимал участие. Егор - всегда излучающий уверенность и оптимизм ) у меня двоюродный брат такой же - тоже программист. Да и ребята с опытом всегда такие - весёлые, счастливые и это класс кстати, похож на Илона Маска) мне так кажется Сейчас будем смотреть ролик про веб )

[@theoty-js-react]

Егор привет, стоит задача создать интернет-магазин, несложный, планирую Next использовать, поскольку важно по SEO позиции занять, Json объект с данными скорее всего вручную надо будет создавать, поскольку с бэком пока не знаком, нормальная затея? При условии что сайт не такой уж и большой будет. Конечно могу на opencart создать но очень хочу применить знания по front-end, стоит ли начинать пилить на Next?

[@yamalkevich]

В твоем случае JAM стэк хорошая идея. Посмотри на готовые решения или полуготовые типо supabase

[@yamalkevich]

Нест хорош именно для магазина, но возни много будет, возможно можно на nocode накидывать и написать адаптер закидывать туда новые данные

[@theoty-js-react]

@@yamalkevich благодарю за совет

[@dmitryzaburunov3007]

Я сейчас столько вещей узнал, хотя больше года изучаю фронт...

[@belonit48]

Помянем bun

[@outs1der]

Класс

[@kaniiues]

Больше комментарий!!!!

[@ext_0015]

Алгоритму больше комментов .Егору спасибо

[@Vladislav1449]

Это называется комментарий для продвижения

[@dev_islom]

Like for music

[@alexeyhontar3865]

Егор топ😍

[@user-on3rp6qm9d]

Про Delphi и кассы это отсылка к личному опыту из Магнита?) Этой весной проходил туда собес на фронта, интервьюер рассказывал, что вся автоматизация у них на delphi, сейчас переписывают на более современные технологии.

[@yamalkevich]

Не пали про магнит :D

[@bekachilov7782]

У меня вопрос , я попробовал frontend и backend и что мне выбирать и то и то кажется не сложным но я должен выбрать одно что посоветуешь Егор ?

[@yamalkevich]

для работы на бэке нежна база, во фронтенд можно залететь слабо понимая про программирование, на первых парах зп везде одинаковая

[@vladgaiduk6238]

Это только кажется)))

[@bomzhiha-s-kurskogo-vokzala]

A Sass то за шо? Ну ладно переменные в css стали норм, но как с медиа-запросами? Это же удобно в одном селекторе сразу адаптив прописывать, с заданными брейкпоинтами

[@tackesi]

"Давайте пол конец просто повторим, что мы узнали" и тут я вспомнил, что кругом много какашек и не нужно пробовать самые ярко пахнущие (новые) бери проверенные какашки, на которые есть готовые решения и документация

[@user-fm5yy2sx2p]

Привет а думал, пробовал, ты swift(iOS)? Или веб то круче и ты там навсегда?

[@yamalkevich]

Думал пробовал, Flutter топ

[@user-xv1cj2rh3v]

Двигайся вперёд!

[@vlad17264]

очень круто , расскажи про бек , с фронтом я вроде разобрался ))))

[@yamalkevich]

все будет

[@dimitryk8429]

Внезапно дошли до DDD, тема микрофронтов и atomic design на канве DDD не раскрыта

[@yamalkevich]

Хех 😼

[@alexcatinhat7632]

пишу комментарий

[@user-hr3lj2zw9p]

Так какие книги порекомендуете по изучению HTML, CSS и JS? Ну, кроме самой документации.

[@Alex-ov9eo]

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

[@user-hr3lj2zw9p]

@@Alex-ov9eo 😂😂😂 заинтриговали. Так что за ресурс для любителей слиться?

[@danisimo1826]

Будет продолжение?

[@yamalkevich]

Будет

[@valerakozhura2544]

Кажется я видел тебя на каком-то шоу, где надо в группе прогеров выяснить кто учитель информатики😅 видосик топ

[@emirrrrr123]

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

[@user-rq7or6dk4o]

Он похоронил раньше времени много инструментов, почти все, что он назвал работает и сейчас и очень активно, тот же sass, webpack, gulp, babel

[@yamalkevich]

Или доживают свой век? Вебпак живой но ему на замену оч много инструментов пришло. Так же и бабелю. Сасс уже сам выпиливаю из всех проектов

[@user-rq7or6dk4o]

@@yamalkevich чем заменили вебпак, я из видео так и не понял. А есть у вас на гитбахе какой-то ваш стартовый шаблон? Чем заменили бабель? Я увидел в видео многое, о чем даже не знал. Но как избавиться от сасс? Вложенность - это ведь так удобно. Видео интересное, но сложно понять итоговый воркфлоу.

[@yamalkevich]

@@user-rq7or6dk4o это хороший повод мне посмотреть как эту информацию рассказать

[@user-rq7or6dk4o]

@igorgusakov7851 если на выходе я получу скомпилированный сжатый css файл, я успею и в пятерочке продукты пробить. Ленивый программист - самый лучший программист. Удачи тебе с написание 100 раз имя одного и того же класса в чистом css. И это только одна из возможностей сасс в сравнении с чистым цсс

[@mercury_2379]

комментарий в поддержку канала

[@slavikvasin9095]

Егор, два видео полряд о преимуществах тильды это уже слишком.)

[@MegaDjeday]

С удовольствием бы пошел на курс по ноде, но я сейчас перегружен курсами и книгами... просто нереально вытянуть. Очень надеюсь, что будут еще потоки!

[@yamalkevich]

Будут 👍

[@user-cl8gw8le2o]

Егор, топай в топ! 😎

[@yamalkevich]

с днем рожденья!!!

[@shonash2651]

Привет Егор, в слове Ethereum очепятка, в описании под роликом

[@yamalkevich]

Ничего не скрыть

[@y0na24]

Гений

[@hrsshn]

что такое сидиэн??

[@lastink444]

за Zustand отдельное спасибо. Redux не нужен 99% проектов, особенно в его более старом виде (Redux Toolkit лучше, но все равно ту мач)

[@mrbolshakov12]

Короче посмотрел, пошел дальше проходить курс по нексту в связке с редаксом))

[@user-oq9xx5ry5t]

Здарова Егор я Новичек изучаю реакт щас много видео прогеров ,типо во фронт почти нереально попасть ,что скажешь по этому поводу щас думаю ,что учить реакт или идти на C# игры делать в гугл плэй .Пацаны дайте лайков чтоб он коммент увидел и ответил В ТОПП!!!!!!!!!!!!!!!!!!!И мне 29 лет на сколько это критично для вкатывания в айти РАССКАЖИ В СЛЕДУЮЩЕМ ВИДЕО ЭТО НУЖНО!!

[@yamalkevich]

Если на Юнити делать будешь иди. Там платят не много но работа будет всегда

[@user-oq9xx5ry5t]

@@yamalkevich Благодарю за ответ

[@HappyHippyHome]

stackblitz бы еще посоветовал новичкам, как лучший способ газануть

[@tima1301]

коммент в поддержку

[@yamalkevich]

Спасиб

[@evgenysmirnov4762]

Вообще грустный итог получился :) типа веб умирает и все идем в мобилки? Или react native

[@yamalkevich]

Веб который мы знаем умирает

[@skyhobbit9901]

Не умирает. Появляется много всего нового, Виар, прогрессивные приложения, три Дэ движки и много много всего ещё. Теперь веб это не просто сайты. Это приложения. Так что направление перспективное однозначно.

[@wat4mon]

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

[@xeleos]

Sencha была бы популярнее, если бы была бесплатная версия

[@yamalkevich]

Согласен, они не сформировали сообщество и пожадничали. Было бы в опенсорсе. Мир был бы другим

[@front-end_Blr]

Клевое видео, изучаю вебразработку 8 месяцев и на многие вещи взглянул под другим углом, мне понравилось. Один момент, не сочти за критику, вставки из фильмов не всегда подходят по смыслу)) Но от этого видео хуже не стало!)

[@vrezh7672]

Какие-нибудь комментарии.

[@xice111]

+

[@keksinjo]

Не понял я почему Zustand лучше Redux, хотя по сути оба используют принцип flux, просто немного по-разному. И тезис про то что redux медленный тоже не понимаю. Обычный обзервер, который меняет значение в зависимости от передаваемого экшена и редьюсера который собственно и меняет состояние

[@yamalkevich]

Вопрос сколько для этого на всем сайте работы делается

[@keksinjo]

@@yamalkevich с этим согласен

[@user-lt5xb6ws1b]

как в РБ искать работу, если вакансий джуновских чуть больше чем 0

[@yamalkevich]

Не искать джуновские сразу мидл

[@3231serg]

какой-нибудь комментарий XD

[@yamalkevich]

Ура :D

[@theoty-js-react]

Yarn2 npm gulp next react install cms jsx sass css голый html dom virtual dom front-end Babel

[@simplename2787]

Жава скрипт гори в огне ))

[@andreyzimin88]

ЛОЖИТЬ - нет такого слова!

[@yamalkevich]

В каком языке ?

[@deniskotov]

А вебпак тоже умер?

[@yamalkevich]

Ага