Materials for pet projects: a must have for a fresh frontender

  Рет қаралды 40,621

Front-end Science with Sergey Puzankov

Front-end Science with Sergey Puzankov

Күн бұрын

Пікірлер: 137
@Sasha_channel_
@Sasha_channel_ 10 ай бұрын
Большое спасибо за вашу работу, буду использовать в проектах!
@ЮлияМордовина-ж2н
@ЮлияМордовина-ж2н Жыл бұрын
Спасибо, очень много полезной информации) Лайк и подписка.
@danielzamiatin7696
@danielzamiatin7696 Жыл бұрын
Хочу видос по Хироко.Отлично приподносите информацию.
@Ivan-tr5vt
@Ivan-tr5vt 2 жыл бұрын
Було б цікаво побачити процес деплою на той чи інший сервіс. Дякую вам за відео!
@arthurq7843
@arthurq7843 Жыл бұрын
Очень крутое видео!!! Спасибо!
@Cardinalno
@Cardinalno 10 ай бұрын
видео - просто огнище! внезапно отвлекся с чтения Гашека, и уже не могу остановиться смотреть!
@natasa373
@natasa373 11 ай бұрын
❤спасибо!
@ЮрійБуров
@ЮрійБуров 2 жыл бұрын
це величезний кладязь знань, дякую вам за вашу роботу)
@frontendscience
@frontendscience 2 жыл бұрын
Радий, що було корисно!
@olimjontabarzoda2049
@olimjontabarzoda2049 2 жыл бұрын
Почему это видео не в топе? Крутой контент. 👏👏🔥
@cavidanquliyev311
@cavidanquliyev311 2 жыл бұрын
Привет, пожалуйста сделай видео о пет проектах для бэкенд разработчиков.
@АрчибальтГугенов
@АрчибальтГугенов 2 жыл бұрын
подборка очееееень крутаяяяяя! боже моооой!
@Qwerto12.34
@Qwerto12.34 2 жыл бұрын
Спасибо огромное , сэкономили время на поиски 🙏
@catho.francis
@catho.francis 3 жыл бұрын
Вижу новое видео вышло на канале - лайк автоматом!
@frontendscience
@frontendscience 3 жыл бұрын
Класс! Благодарим за поддержку! 😊
@olegparamonov7670
@olegparamonov7670 3 жыл бұрын
Хотим видео про Heroku и Deploy))
@КристинаКр-ч2о
@КристинаКр-ч2о 3 жыл бұрын
+++
@KanalReal
@KanalReal 3 жыл бұрын
отличный контент. много интересного добавил себе.
@frontendscience
@frontendscience 3 жыл бұрын
Ну здОрово! Рад :)
@Code.bless_you
@Code.bless_you 3 жыл бұрын
Доброе утро,Сергей)Вы классный человек, спец и вообще чашку кофе за Вас до дна
@frontendscience
@frontendscience 3 жыл бұрын
😀 очень вдохновляет! 👍☕️
@AndriiNakonechnyi-f3y
@AndriiNakonechnyi-f3y 3 жыл бұрын
Godnota!
@olegnesterov9957
@olegnesterov9957 3 жыл бұрын
Спасибо большое за видео, много интересного. Было бы очень полезно посмотреть отдельное видео про deployment
@frontendscience
@frontendscience 3 жыл бұрын
И Вам спасибо 😉
@theoddorrrrr
@theoddorrrrr 3 жыл бұрын
Приятно видеть как растет любимый канал про JS👏
@frontendscience
@frontendscience 3 жыл бұрын
Здорово! Очень приятно ☺️
@user-ilya12
@user-ilya12 3 жыл бұрын
Длинный комментарий для продвижения канала. Спасибо большое!
@mikhailblush5261
@mikhailblush5261 3 жыл бұрын
спасибо, Отэц
@kirillsundaen8810
@kirillsundaen8810 3 жыл бұрын
Спасибо 🙂 интересно про деплой - хероку и другие)
@АнастасияКупова
@АнастасияКупова 3 жыл бұрын
Супер!!!
@dvsDesing
@dvsDesing 3 жыл бұрын
Выпуск просто огонь! Спасибо! Проделана, просто, титаническая работа!
@frontendscience
@frontendscience 3 жыл бұрын
Это так! Рад, что понравилось и что полезно)
@Андрей-й9ц6я
@Андрей-й9ц6я 3 жыл бұрын
Воу, какая классная обложка у ролика, с x и пальцем в слове нужных, круто придумали 🔥
@ДмитрийМедыченко
@ДмитрийМедыченко 3 жыл бұрын
Огроменное спасибо за такую полезную информацию!👍😊
@frontendscience
@frontendscience 3 жыл бұрын
Очень рад, что полезно
@Malmeloon
@Malmeloon 3 жыл бұрын
Спасибо за великолепную подборку! То что нужно
@frontendscience
@frontendscience 3 жыл бұрын
Супер! 👍 Я рад!
@leonidchernobylskiy5177
@leonidchernobylskiy5177 3 жыл бұрын
Этому видео нужен патент! Из него другие блогеры сделают 5 видео))) Класс, увидел вещи, которые давно искал. Спасибо большое за труд.
@frontendscience
@frontendscience 3 жыл бұрын
)) благодарю, порадовался)
@frontendscience
@frontendscience 3 жыл бұрын
👍Друзья, делитесь этим видео в соцсетях и ставьте ваши лайки - это прям ооочень помогает в продвижении нашего канала 🙂🚀 ⏱ Таймкоды: 00:00 Intro 01:53 Дизайн 06:45 Готовые шаблоны с версткой 11:28 CSS фреймворки 17:53 Цветовые палитры 19:41 Icons 22:10 Шрифты 26:47 Лого-генераторы 31:17 Gradient-генераторы 34:15 Pattern-генераторы 41:37 CSS-анимации 45:01 Фотостоки 47:46 Deployment 51:53 Final 🤓И напишите нам в комментариях, хотели бы Вы и дальше видеть такие подборки полезных ссылок в наших роликах? ✅Все ссылки с сегодняшнего видео вы найдете также здесь: bit.ly/pet-projects-links
@pianistanton1
@pianistanton1 Жыл бұрын
есть ли еще смысл учить фронт-энд? или через большую конкуренцию это уже бесмысленно ?
@pavelpodgornyy3445
@pavelpodgornyy3445 3 жыл бұрын
Извините видимо я поспешил ссылка появилась. Спасибо огромное за ролик.
@tolmach_y
@tolmach_y 3 жыл бұрын
Блин! Очень, очень жаль, что нельзя поставить несколько лайков одновременно! Спасибо вам огромное, не хватало именно такой информации. Вы лучший!
@frontendscience
@frontendscience 3 жыл бұрын
Благодарю) рад, что полезно!
@ivan_kirsanov
@ivan_kirsanov 2 жыл бұрын
Все норм, я поставил за Вас, Юлия, дополнительный лайк 🙂
@tolmach_y
@tolmach_y 2 жыл бұрын
@@ivan_kirsanov Спасибо🙂
@Ryold
@Ryold 3 жыл бұрын
Отличное видео, много полезных ресурсов! Спасибо
@channel_sedoli
@channel_sedoli 3 жыл бұрын
Спасибо за полезнейшее видео, лайк на автоматизме!))
@frontendscience
@frontendscience 3 жыл бұрын
Рад, что полезно! :)
@yuryitikhonoff9631
@yuryitikhonoff9631 3 жыл бұрын
Great helpful content! Thanks a lot. Good job.
@mrMettadon
@mrMettadon 3 жыл бұрын
Вау, спасибо большое за вашу работу! Смотрю каждое видео с большим удовольствием. Очень полезный ролик)
@frontendscience
@frontendscience 3 жыл бұрын
Супер! Очень рад 😀
@ded_zamay
@ded_zamay 3 жыл бұрын
ЛУЧШИЙ
@stormd2902
@stormd2902 3 жыл бұрын
лайк не глядя спасибо за материал
@d_r_robot
@d_r_robot 3 жыл бұрын
Вот это подборочка, ого-го, я много нового узнал, спасибо!
@rudi-rx5xb
@rudi-rx5xb 2 жыл бұрын
Как же это шикарно! Большое спасибо!
@niteilcaesgo2907
@niteilcaesgo2907 3 жыл бұрын
Спасибо большое! Все сохранила, очень полезные материалы для новичков, да и не только)
@BoomKillazz
@BoomKillazz 2 жыл бұрын
Спасибо, полезный материал!!
@maksymmax3035
@maksymmax3035 3 жыл бұрын
Очень понравилось, действительно полезно. Спасибо большое за видео 🙂
@frontendscience
@frontendscience 3 жыл бұрын
🤓 рад, что понравилось
@sergkuznetzov3469
@sergkuznetzov3469 3 жыл бұрын
Хороший материал,Спасибо большое!
@frontendscience
@frontendscience 3 жыл бұрын
Рад, что оказалось полезным 🤓
@borisvolkov1113
@borisvolkov1113 3 жыл бұрын
Спустя 3 года, не всё из этого знаю, круто), так что видео нужно было назвать материалы для современного разработчика
@olegvolobuev2766
@olegvolobuev2766 3 жыл бұрын
Низкий поклон за такой полезный контент. Не нашел в упоминании такой отличный ресурс как Boxicons. Около 1500 разных иконок которые подгружаются в html, так еще можно анимацию им накидывать интересную. Так-же все бесплатно :)
@frontendscience
@frontendscience 3 жыл бұрын
Благодарю за рекомендацию - добавил его в список ;)
@anastasymeleshko200
@anastasymeleshko200 2 жыл бұрын
Спасибо как раз задавалась вопросом найти сайты с готовыми макетами для учебы:) Супер)
@Andrey_Zh.
@Andrey_Zh. 3 жыл бұрын
Супер видео, еще нужно о ресурсах и полезных сайтах
@vovergg
@vovergg 3 жыл бұрын
Офигенно!)
@darkside2436
@darkside2436 3 жыл бұрын
Го видео про деплой на Neroku
@borisvolkov1113
@borisvolkov1113 3 жыл бұрын
Наверное на ХЕРоку
@vault_dude
@vault_dude 3 жыл бұрын
За ссылки на все проекты - отдельное спасибо!
@frontendscience
@frontendscience 3 жыл бұрын
Рад, что было полезно)
@vault_dude
@vault_dude 3 жыл бұрын
@@frontendscience Очень! Сергей, я там кое-что ещё спросил у вас в инстаграмме, будет возможность, посмотрите пожалуйста :) или лучше на почту написать? Ещё раз спасибо!
@neverchain
@neverchain 3 жыл бұрын
давай видео про хостинг
@hihat3551
@hihat3551 3 жыл бұрын
пользительно! спасибо!
@ВасилийТомилин-к1г
@ВасилийТомилин-к1г 3 жыл бұрын
Ждем виде по деплою! Спасибо за такую подборку материалов!
@frontendscience
@frontendscience 3 жыл бұрын
Сделаем )
@mikhailblush5261
@mikhailblush5261 3 жыл бұрын
хотим видео про деплой.
@dgolovko
@dgolovko 3 жыл бұрын
Полезно, спасибо!
@РоманНовик-к3ю
@РоманНовик-к3ю 3 жыл бұрын
Спасибо огромное! Без воды! Круто! Хотелось бы видео про heroku и deploy.
@frontendscience
@frontendscience 3 жыл бұрын
Будет)
@РоманНовик-к3ю
@РоманНовик-к3ю 3 жыл бұрын
@@frontendscience Отлично!!!! Круто!
@Alma-fn3jn
@Alma-fn3jn 3 жыл бұрын
Про deployment было бы очень полезно узнать, я все никак не мог найти хорошую информацию об этом. Спасибо за видео
@babkrustm292
@babkrustm292 3 жыл бұрын
Thank you so much for such an awesome and useful content ☺️ Keep it up 👍
@frontendscience
@frontendscience 3 жыл бұрын
Thanks for your support!
@ripvanfish7707
@ripvanfish7707 3 жыл бұрын
Невероятно полезное видео! Сохранил себе в подборку, буду пересматривать время от времени
@frontendscience
@frontendscience 3 жыл бұрын
рад, что полезно)
@yuriilukianovych8660
@yuriilukianovych8660 3 жыл бұрын
Спасибо! Очень полезная информация для меня 🔥
@anton-vr5xw
@anton-vr5xw 3 жыл бұрын
топ, спасибо большое
@metakom4377
@metakom4377 3 жыл бұрын
Большое спасибо за труд и ценную инфу, лайк само собой.
@kvkv4587
@kvkv4587 2 жыл бұрын
very good stuff
@MagnusB6
@MagnusB6 3 жыл бұрын
Лайк
@frontendscience
@frontendscience 3 жыл бұрын
👍
@pavelpodgornyy3445
@pavelpodgornyy3445 3 жыл бұрын
Очень хорошее видео. Хорошо сделано, очень информативное. Однозначно лайк. Маленькое но - на 1:53 вы говорите о ссылке на док со всеми ссылками будет в описании. Не могу его найти.
@frontendscience
@frontendscience 3 жыл бұрын
✅Все ссылки с сегодняшнего видео вы найдете также здесь: bit.ly/pet-projects-links
@ТимурСагайдаков
@ТимурСагайдаков 3 жыл бұрын
Спасибо за подборку, было бы интересно посмотреть про открытые АПИ сервисы, возможно даже не бесплатные
@frontendscience
@frontendscience 3 жыл бұрын
Скажите, а что именно вы хотите увидеть в видео про АПИ?
@kolesnikof
@kolesnikof 3 жыл бұрын
Спасибо за обзор ресурсов. Только хотелось бы добавить, что Tailwind CSS на мой взгляд должен быть где-то на первых местах, а он даже в список не попал. После моего знакомства с ним год назад, вряд ли без нужды захочется возвращаться на что-то иное.
@frontendscience
@frontendscience 3 жыл бұрын
Благодарю за рекомендацию - добавил его в список ;)
@daun55
@daun55 2 жыл бұрын
Первое место мастхев
@apalehin
@apalehin 3 жыл бұрын
Нужно видео про хероку
@leniyuva3290
@leniyuva3290 3 жыл бұрын
Отличное видео, как всегда! Спасибо большое! Все сохранила в закладки)
@frontendscience
@frontendscience 3 жыл бұрын
Рад, что пригодилось!
@Computermind11
@Computermind11 3 жыл бұрын
Здравствуйте, Сергей! Кто Вам 2 дизлайка-то поставил? :))) Я тут задачку про лабиринт решил! Чё-то долго с ней возиться пришлось. Обычно я Ваши задачи достаточно быстро решаю. Решил скинуть решение сюда, так как видео про лабиринт было уже давно :))) const maze = [ ["wall", "wall", "wall", "wall", "path", "wall"], ["path", "path", "path", "wall", "path", "wall"], ["path", "wall", "path", "path", "path", "path"], ["path", "wall", "wall", "wall", "path", "wall"], ["path", "path", "wall", "wall", "path", "wall"], ["wall", "path", "wall", "wall", "wall", "wall"] ]; function checkPossiblePath(maze) { const mazeHeight = maze.length; const mazeWidth = maze[0].length; const entrance = {y: 0, x: maze[0].indexOf("path")}; const exit = {y: mazeHeight - 1, x: maze[mazeHeight - 1].indexOf("path")}; const passedPath = [{y: entrance.y, x: entrance.x}]; for (const element of passedPath) { maze[element.y][element.x] = "passed"; if (element.y + 1 < mazeHeight) { if (maze[element.y + 1][element.x] === "path") { passedPath.push({y: element.y + 1, x: element.x}); } } if (element.y - 1 >= 0) { if (maze[element.y - 1][element.x] === "path") { passedPath.push({y: element.y - 1, x: element.x}); } } if (element.x + 1 < mazeWidth) { if (maze[element.y][element.x + 1] === "path") { passedPath.push({y: element.y, x: element.x + 1}); } } if (element.x - 1 >= 0) { if (maze[element.y][element.x - 1] === "path") { passedPath.push({y: element.y, x: element.x - 1}); } } } return passedPath.some((element) => element.y === exit.y && element.x === exit.x) ? "has" : "hasn't"; } console.log(`This maze ${checkPossiblePath(maze)} a through path!`);
@frontendscience
@frontendscience 3 жыл бұрын
Класс! Благодарю за решение!
@Computermind11
@Computermind11 3 жыл бұрын
@@frontendscience Вам спасибо за интересные видео! Так это смотрится в редакторе: clip2net.com/s/4dPWtsL Я Вам в следующий раз буду стараться ссылками скидывать!
@frontendscience
@frontendscience 3 жыл бұрын
к сожалению ютюб комменты со ссылками удаляет (очень редко когда не удаляет). Так что лучше просто код кидать
@Computermind11
@Computermind11 3 жыл бұрын
@@frontendscience Ок!
@alazavrus338
@alazavrus338 3 жыл бұрын
Сергей, Здравствуйте! Хотел вас попросить совета по пути senior, как следует развиваться чтобы достичь senior уровня, какие основные требования в 2021 году, на что нужно уделить особое внимание, что прочесть и тд, заранее спасибо!
@frontendscience
@frontendscience 3 жыл бұрын
На самом деле по тех.скилам можно смотреть видео про требования к миддлу: kzbin.info/www/bejne/jIipYouMpaaGndE Список тот же, только от сеньора требуются более углубленные знания и более быстрые и осмысленные ответы. Но большую часть занимают именно софт скиллы. Я много раз уже говорил, что часто миддла от синьера отличают именно софт скиллы, потому что разработчик может быть технически супер сильным , но блин из-за слабых софт скиллов не дотягивает до синьера. Так что главный упор на них. Здесь можно посмотреть, что имею в виду: kzbin.info/www/bejne/o4Cyo5acapuChZo Желаю успехов!
@alazavrus338
@alazavrus338 3 жыл бұрын
Спасибо!@@frontendscience
@АнтонСавельев-ю2л
@АнтонСавельев-ю2л 3 жыл бұрын
Сергей, спасибо за отличный видос с множеством полезной информации и интересной подачей. Интересно проводить вечера за просмотром Ваших видео). Подскажите, пожалуйста, на Heroku/Vercel/Netlify можно развернуть простейшую серверную часть с бд для своего проекта ?
@frontendscience
@frontendscience 3 жыл бұрын
Рад что было полезно. Да там есть опции с БД но сейчас не подскажу где именно это будет бесплатно. Надо изучать прайсинги
@gomer3894
@gomer3894 3 жыл бұрын
спасибо за видео
@rosty6427
@rosty6427 2 жыл бұрын
Привет, не открывается ссылка на линк, чекни плиз
@DraginAnatoliy
@DraginAnatoliy 3 жыл бұрын
было бы еще интересно увидеть интересные сборки gulp+webpack к примеру, посмотреть может у кого-то есть более интересные решения, а то я пользуюсь одной сборкой, так там постоянно ругается если не стоит python или слишком новая версия ноды.. ну такое
@ChristinaShevtsova-q8n
@ChristinaShevtsova-q8n 3 жыл бұрын
слишклм обалденная информацияя))))
@frontendscience
@frontendscience 3 жыл бұрын
Рады слышать))
@1kvolt1978
@1kvolt1978 3 жыл бұрын
Спасибо, замечательное видео, очень полезные ресурсы рассмотрены. Было бы здорово увидеть что-то подобное по бесплатным хостингам, если таковые вообще сейчас остались. Когда самостоятельно себе искал такой для опытов, ничего более-менее приличного найти не смог. Но вдруг что-то пропустил или не нашёл?
@frontendscience
@frontendscience 3 жыл бұрын
Посмотрите еще раз видео - там есть целый раздел про деплой проектов и ссылки на бесплатные ресурсы.
@1kvolt1978
@1kvolt1978 3 жыл бұрын
@@frontendscience Я видел. Но это какие-то странные ресурсы, которые говорят о каких-то приложениях, привязках к всяким сомнительным сторонним ресурсам и всё в таком духе. Я же говорю об обычном хостинге, по-старинке, когда получаешь доменное имя (обычно третьего уровня) и доступ к фтп-серверу, куда и заливаешь свои файлы сайта. Не вот это вот всё современное модное молодёжное, в котором необходимо ещё стопиццот дополнительных ненужных телодвижений совершить.
@frontendscience
@frontendscience 3 жыл бұрын
@@1kvolt1978 если это для Вас «сомнительные ресурсы», как Вы выразились, уверен, Вы самостоятельно найдете те, которые вызовут у Вас больше доверия, чем приведенные мной)
@1kvolt1978
@1kvolt1978 3 жыл бұрын
@@frontendscience Сомнительные в том плане, что я сомневаюсь в их необходимости. Например, зачем нужна привязка к гитхабу для выкладывания сайта в интернет? О_о На приведённых Вами ресурсах я вообще не увидел слова "хостинг", или "домен", или хотя бы "сайт". И речь на них о каких-то "приложениях", чтобы под этим не подразумевалось в нынешние нелёгкие времена. А сам я, к великому сожалению, найти простые бесплатные хостинги, достойные упоминания, не осилил, не смог. :) Вот и подумал, что а вдруг профессионалы знают какие-то ресурсы или иные возможности. Может, у каких-то платных хостингов есть интересные возможности бесплатно похоститься с какими-то ограничениями, неприемлимыми для коммерческих сайтов, но некритичными для некоммерческих мини-проектов. Или что-то в этом роде. Ну нет так нет.
@marpusik1277
@marpusik1277 3 жыл бұрын
Хачу Хероку!😛
@КристинаКр-ч2о
@КристинаКр-ч2о 3 жыл бұрын
+++
@pqojenul
@pqojenul 3 жыл бұрын
Братан,ты ахуенный!
@frontendscience
@frontendscience 3 жыл бұрын
🤠
@bakay_S
@bakay_S 3 жыл бұрын
да проекты на heroku хотелось бы посмотреть
@frontendscience
@frontendscience 3 жыл бұрын
будет!
@Uncaught_in_promise
@Uncaught_in_promise 3 жыл бұрын
Если я пересмотрю, изучу и повторю все видео с этого канала, есть шансы пройти собеседование на фронт-енд разработчика?
@frontendscience
@frontendscience 3 жыл бұрын
Шансы всегда есть 😉
@ziegimondvishneuski3317
@ziegimondvishneuski3317 3 жыл бұрын
Ваше мнение по MS Blazor?
@frontendscience
@frontendscience 3 жыл бұрын
Не пользовался и не планировал, если честно.
@Dostatok82
@Dostatok82 3 жыл бұрын
Здравствуйте! Подскажите пожалуйста, реально ли стать программистом без образования в физмате?) какие курсы можете порекомендовать с полного нуля, или книги может какие для начала?)
@Dostatok82
@Dostatok82 3 жыл бұрын
@@frontendscience благодарю за ответ) чуть уверенности добавили)
@MrLethal7
@MrLethal7 2 жыл бұрын
Спасибо. Слава Украине!
@frontendscience
@frontendscience 2 жыл бұрын
Героям слава!
Pet-projects. What projects must a beginner front-end developer do?
33:08
Front-end Science із Сергієм Пузанковим
Рет қаралды 165 М.
Becoming a Frontender After 30: From Circus Arcobat to Front-End Developer
1:22:27
Front-end Science із Сергієм Пузанковим
Рет қаралды 133 М.
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН
Hoodie gets wicked makeover! 😲
00:47
Justin Flom
Рет қаралды 135 МЛН
風船をキャッチしろ!🎈 Balloon catch Challenges
00:57
はじめしゃちょー(hajime)
Рет қаралды 96 МЛН
Как делать классные pet-проекты
11:52
Vlad Mishustin
Рет қаралды 91 М.
How to speed up the development process in WebStorm | Andrey Starovoit Team Lead of the WebStorm
1:13:32
Front-end Science із Сергієм Пузанковим
Рет қаралды 43 М.
What a Junior Frontend Developer Should Know in 2021 | Roadmap + Checklist
12:34
Front-end Science із Сергієм Пузанковим
Рет қаралды 236 М.
Для всех тех, кто пишет про 8 лет на Донбасе (цитата из видео Столицы мира)
8:06
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН