Pet-projects. What projects must a beginner front-end developer do?

[@frontendscience]

👍Друзья, делитесь этим видео в соцсетях и ставьте ваши лайки - это прям ооочень помогает в продвижении нашего канала 🙂🚀 ⏱ Таймкоды: 00:00 Интро 00:37 Подписывайтесь на наш канал 01:01 Для чего нужны pet projects 03:52 Про дизайн 06:52 Про готовые проекты из видео-туториалов 08:17 Идеи проектов 09:12 Todo app 09:32 Таймер с отсчетом 10:00 Гирлянда 10:45 Заметки 11:50 Таймер 12:26 Pomodoro Clock 13:22 Landing pages 14:45 Голосование 15:17 Рецепты 16:02 Погода 16:53 Заказывайте проекты на LiveStream 17:45 Каталог книг 18:24 Card Memory Game 18:58 Конвертеры 19:58 GitHub Profiles 20:34 Markdown Editor 20:55 Генератор паролей 21:28 Генератор QR кодов 22:00 Корзина покупок 22:45 Интернет магазин 23:07 Генератор турнирных сеток 23:38 Клавиатурный тренажер 24:01 Чат 24:48 Каталог фильмов 25:31 Опросники 26:21 Клон instagram 26:40 Клон Spotify 27:08 Stock Trading 27:48 File Sharing 28:55 Бронирование отеля 29:20 Календарь 30:38 Игра Жизнь 31:19 Где брать открытые API 31:59 Напутствие ;) 32:32 Пишите ваши идеи для проектов

[@andreislashikov9618]

Respect+ спасибо) поделись ссылкой на лендинг (как в видео) или где почитать что за библиотека.

[@frontendscience]

@@andreislashikov9618 2019.lesanimals.digital/en

[@andreislashikov9618]

@@frontendscience спасибо)

[@ДмитрийНормов-ю6ц]

@@frontendscience , а что если портфолио просто на github сделать? залить примеры работ да и все....

[@frontendscience]

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

[@betelgeuse.21]

Ура! ДОЖДАЛИСЬ! Спасибо Вам огромное, Сергей, за Ваш труд!

[@frontendscience]

Благодарю, Ильнура! Рад слышать :)

[@channel_sedoli]

Ребята, давайте насыпем лайков нашему дорогому другу за старание! 👉👍♥️

[@frontendscience]

Да, ребята, давайте 🥳

[@Golpotrop]

Здравствуйте, если будет такая возможность сделайте видео о типовых задачах, которые решает Джуниор, мидл, сеньор. Было супер, особенно если будут примеры. Сразу будет понятно, интересно ли это или нет. Я понимаю, что сфера айти не ограничена багфиксами, электронными письмами и формированием списков из бд, вот и хочется узнать что там и как там за стенами "интервью".:) С меня лайк и письменная благодарность 😅

[@Narkomage_path_Vangersert]

Джуниор - шрифт поменять на 31.4пкс

[@yoda8954]

@@Narkomage_path_Vangersert задать блоку fz=2px а подблоку с текстом 15,7rem и у текста будет шрифт 31,4?

[@ХарриКейн-щ9р]

@@yoda8954 15.7rem = 251.2px по умолчанию

[@this-user-is-not-loser]

По одному слову "рекомендасьён", понятно кто смотрит Птушкина :) Спасибо за идейки пет проектов! 👍👍👍

[@frontendscience]

Привет, касатик! ;)

[@ok_kov]

изучайте Web оно того стОит ))

[@pvttrix]

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

[@amletixq]

С тудушками жиза! Какая бы не технология, все к ним пихал: и туду с авторизацией на postgres в связку в ts и стайледами, то тэйлвинд с локалсторэджами чисто для разминки, то просто на обычном js с необычной ui составляющей 😂😂😂 удачи вам!

[@Денис-ы1я8ж]

Какое же офигенное качество видосов, монтажа и подачи материала. Это что-то с чем-то😍

[@frontendscience]

Очень приятно) спасибо

[@oleksandrkalinichenko533]

Дуже корисне відео для мене! Дякую, можливо використаю одну з ваших ідей проекта, для портфоліо! 👍

[@frontendscience]

Супер! Бажаю успіху!

[@oleksandrkalinichenko533]

@@frontendscience Дякую!

[@dj-sandro]

Я работал диджеем в ночном клубе, захотел чего то нового, стал там Светооператором и Звукарём. Одновременно с этим я работаю айтишником, обычным системным администратором. Давным давно сделал для компании своей новостной\фотоархивный корпоративный портал на wordpress. Спустя 8 лет решил заняться ещё чем-нибудь интересным и стал изучать 1С - не пошло. Встретился с одноклассником и тот рассказал, что работает фуллстаком, но начинал с фронтенда с нуля, не понимая ничего в html даже. И вот я в поиске ютуба попал на первое видео с вашего канала про то, "кто такие фронтенды". Сейчас посмотрел это видео и действительно захотел попробовать! Спасибо за такие понятные рассуждения!

[@frontendscience]

Прикольно! Благодарим, что поделились! Желаем Вам успехов!

[@ЯрославЛевченко-г8о]

По началу думал что кроме классики по типу todo ничего интересного не будет, нно ближе к концу даже приглянул пару тем, спасибо!

[@kratvol]

качество сьемки и идея великолепны

[@MikitaRashetnikau]

Лайв-стриминг с написанием проекта было бы круто. Можно посмотреть на качественный код и подходы, которыми пользуетесь вы. Так что было бы клёво 👍

[@nikitaandrus2133]

Сергей, проделанная работа над видео просто поражает! По-моему вы вышли на новый уровень, в качестве видеороликов. Я когда ранее искал подобные видео или статьи на форумах, думал что уже все видел, но то что я увидел тут, действительно очень порадовало! Очень много интересных и уникальных идей для проектов. Приметил себе парочку 😉 Спасибо за ваш труд!

[@frontendscience]

Ценю Вашу поддержку! Рад, что понравилось )

[@AB-uo5ej]

блин как интересно рассказываете. суперски все ^ ^

[@sagdieff]

Спасибо большое за подборку! Как раз встал вопрос выбора проектов для портфолио.

[@frontendscience]

Здорово! Надеюсь, найдете парочку для себя

[@MonkeyBoy248]

Лайк за плейлист с Tool в рассказе про клон Spotify :)))

[@frontendscience]

🤘

[@odines.a]

Напишу комментарий чтобы похвалить и для продвижения ) Двух зайцев так сказать ) прекрасные видео, классный канал! Успехов в дальнейшей работе ! Радуйте нас всё больше!

[@frontendscience]

Благодарим Вас за поддержку! Очень вдохновляете! :)

[@vladko9623]

Отличное видео. Аж дополнительная мотивация появилась.

[@frontendscience]

Круто! Поделитесь потом ссылкой на свои проекты! (Как Вам такая мотивация? ;))

[@vladko9623]

@@frontendscience как только сделаю - с удовольствием)

[@SunlighT_90]

Подписка - есть. Лайк - есть. Теперь по поводу live-stream проекту - топ тема. Только одна просьба - не просто показать название и его реализацию. Но и показать как вы создаете план действий, все шаги по пунктам, до того как начинаете писать код.

[@frontendscience]

Постараюсь :)

[@ziegimondvishneuski3317]

Еще классно если создаешь таблицу совмещаемости продуктов и с помощью искуственного интиллекта создаешь блюда по продуктам в холодильнике. При этом наличие продуктов в холодильнике это входные параметры, по таблице совместимости строиятся слои, а блюда- выходной слой.

[@frontendscience]

Классная идея!

[@vitliyscripter2802]

Очень ждал, спасибо!

[@frontendscience]

Ура! 🤗

[@dimkailyukovich1414]

Было бы очень интересно. Презентованный Ваш Landing меня очень удивил. Много интересных моментов и сложный дизайн. Я за него

[@frontendscience]

Рад, что понравилось

[@КириллДенисенко-х4у]

лайк за топовые идеи уж больно приятного докладчика :)

[@Galiaardi]

класний якісний контент і класна музика на фоні 😎 супер 👍

[@frontendscience]

Тішимося, що зацінили! Дякуєм! ;)

[@channel_sedoli]

Лайк на автоматизме)

[@tonyrotay]

Помню, когда первый раз заинтересовался веб-разработкой (это было еще в школе, больше 6 лет назад), делал себе сайт-визитку, и добавил там такую же гирлянду) Приятные воспоминания :)

[@ВИЛЬКА-о8ы]

Привет, сейчас развиваешься в этой же сфере ?

[@tonyrotay]

@@ВИЛЬКА-о8ы ага

[@just__did__it]

15:54 хаха я об этой идее уже год думаю. А тут оказывается не один о таком думаю) Хочу в будущем реализовать эту идею.

[@frontendscience]

Если б она еще сама готовила))) вот это приложенька была бы! 🧞

[@lesyaAsa]

Очень актуально сейчас для меня) Спасибо😊👍

[@frontendscience]

Рады, что вовремя ;)

[@VirtuozEd]

Лайк однозначно. Автор всегда знает какие темы надо затрагивать

[@frontendscience]

Рад, что оказалось актуально

[@dimitridoroshko]

И ещё одна очень актуальная тема для Пэт проджекта: Bad habits / Addiction Lapse Timer. Можно вводить какие-то плохие привычки и отслеживать, как они исчезают. Можно ещё добавить функционал по тому, сколько денег/времени сэкономил человек. Например, я много играю в видео игры и покупаю их же в Steam, можно написать софтинку, которая будет отсчитывать, сколько я денег сохранил, сколько не играл. Или же если вы курите или же пьете алкоголь - можно сделать аналогично.

[@FlashViolet]

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

[@dimitridoroshko]

@@FlashViolet а почему бы и нет))

[@frontendscience]

Полезные проекты, интересные идеи! Можно доработать идею и трекать не только вредные, но и полезные привычки, внедряя их.

[@racman9964]

Как много идей) Спасибо большое за подборку

[@anton-vr5xw]

оч круто, как раз делаю портфолио) спасибо)))

[@frontendscience]

Очень рад, что вовремя! )

[@frontendscience]

@@NotTheLastOne А Вы?

[@frontendscience]

@@NotTheLastOne 🙂

[@andreyveda]

Благодарю за пример проектов! 🔥

[@frontendscience]

И Вас благодарю!

[@Sergey-lg1ke]

комментарий, чтобы комментарий. Спасибо за видео!

[@ТатьянаДжанаева-ю4з]

Да, классные набор идей! Спасибо!

[@НиколайБондаренко-е5я]

Спасибо за подборку открытых api

[@Radical_video]

Было бы интересно сделать лендинг с такими анимациями

[@ДенисСергеевич-з5м]

анимации просто нереальные

[@coolrash]

Коммент на продвижение! Мощное видео

[@viktorbrunza4880]

Супер видео, очень полезно для новичков)

[@frontendscience]

Рады, что было полезно!

[@Nikita-gn4bg]

Как раз искал идеи, а тут видео, большое спасибо, досмотрю и пойду что-то из 30 реализую

[@frontendscience]

Круто! :) Успехов!

[@anneart8489]

Какое же видео качественное! Спасибо за полезную информацию, Сергей!

[@frontendscience]

Рад, что полезно! Успехов!

[@АрсенАрсанукаев-и5н]

Спасибо, ты лучший))Очень крутые идеи

[@АрсенАрсанукаев-и5н]

Кстати, я решил проблему с webpack-ом)

[@PacoOfficial]

Классное видео, и подборка проектов в портфолио =)

[@IT-Svyatoslav]

Благодарю за большое количество идей и советов 👍

[@frontendscience]

Рад, что было полезно 👍

[@amator8219]

мне надо будет раз 50 пересмотреть видео прежде чем самому повторить :D обычно записываю всё что необходимо и с конспектом уже пишу сам

[@AlexMedovnik]

Да. Автор хорошо постарался! Супер!

[@frontendscience]

Рад, что понравилось

[@user-paint-alexandra]

Спасибо, интересные примеры. И не только для pet-проекта, но и для стартапа)))

[@ОлегСелин-ш9ы]

Спасибо большое за интересные идеи)

[@AleksandrKS]

Спасибо за крутые идеи.

[@SoltonAnna]

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

[@helloo_wooorld]

Здравствйте, подскажите, пожалуйста, удалось ли вам найти работу?

[@mx9807]

за tool в примере клона спотифай респект=)

[@DocVampir]

Спасибо большое за советы!

[@frontendscience]

Успехов!

[@romanmatrosov9863]

Очень полезное и информативное видео, как всегда на уровне Спасибо!

[@frontendscience]

Благодарим за поддержку!

[@vladimirlebedev00010]

Вот спасибо! :)

[@frontendscience]

Очень рад! И Вам спасибо! )

[@leonidas1987]

Замечательный канал !

[@frontendscience]

Спасибо большое! Ценна Ваша поддержка!

[@ЛёляСКОБЕЛЕВА]

Очень хотелось бы стрим для начинающих Понравилось с рецептами

[@thecatwrites9731]

Сергей как всегда топ!

[@youtubeyh]

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

[@murad40]

Воу, реально очень полезное видео, настолько что возникают опасения что все ринутся в IT. ) ПрЕкол) "я, когда пришла ЗП" - 33:06

[@ИванДядюра-ы4й]

Рвутся то рвутся, но не все осиливают

[@ИванДядюра-д4л]

@@ИванДядюра-ы4й нашел, привет я из прошлого

[@albert777bel]

Очень полезное видео, нашёл кучу вариантов, как всегда лайк, спасибо)

[@frontendscience]

Благодарим! Рады слышать)

[@amkolchina]

Интересно было бы создать каталог книг или библиотеку, а еще нечто типа ежедневника

[@Azkett]

Спасибо!)

[@frontendscience]

Рад, что полезно)

[@stormd2902]

Лайк не глядя 🔥

[@stitch8508]

Очень полезно!

[@frontendscience]

Это классно! Радуюсь!)

[@ada4741]

Сергей, ждём стрим от вас!!! Спасибо за труды!

[@frontendscience]

Благодарю за поддержку! )

[@main4650]

Начал изучать программирование, и это видео натолкнуло меня на стартап) Вопрос: Я стану программистом или владельцем бизнеса?

[@coolrash]

бизнес будет брат 100000 0руб лей всразу в кашелек залетит

[@АнтонПальчик-и2к]

Класс! Спасибо😀.

[@denpol9956]

Подкину идею - Перемещение локальных заметок на другое устроство по QR коду )

[@frontendscience]

Да, прикольная идея! Благодарим

[@cryfos]

спасибо за видео! Интересная подборка

[@enigma9445]

Спасибо, вы мне очень помогли !

[@deniscreator7913]

Жду стрим!)

[@Diana-uu1dy]

Можно пожалуйста видео про сложную анимацию🙏❤️

[@komidik1548]

Круто, спасибо ♥️

[@sergkuznetzov3469]

Спасибо,очень интересно!

[@frontendscience]

И Вам спасибо)

[@АнастасияИ-о4ъ]

Спасибо, классный канал!

[@huskyzinFPS]

Афигенное видео, очень полезно!

[@asonwilson849]

Спасибо большое!

[@СвояЛиния-щ2в]

Всім привіт! Шукаємо фронтенд розробників для участі в пет проєкті. В команді вже є декілька бекендерів і написаний API з деякою функціональністю. Від Вас вимагаю знання верстки, REST і будь-якого фронтенд фреймворку (Angular, чи то React чи якийсь інший). В ваші обов'язки входить: верстка сайтів, створення дизайну, використання написаного API. Для Вас це гарна можливість застосувати свої знання на проєкті з реальними людьми й виграти перевагу серед інших кандидатів для потенційного роботодавця. Якщо вас зацікавила ця можливість - відповідайте в коментарі. Я з радістю розповім більше про проєкт і відповім на всі ваші питання. Дякую.

[@Ctrl_Emperor]

Привіт! Зацікавлений вашою пропозицією. Хотів би попрацювати з вами в команді. Вмію верстати, знаю React і трохи Redux.

[@a-sher]

Да! Live-stream! Каталог книг!

[@Svetoz]

Вдохновляющее видео!

[@sumburno]

9:10 Начало об идеях

[@kishafromukraine]

Лучший! Учите делать контент, посоны.

[@katdim_art_studio]

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

[@borisvolkov1113]

во во), я 3 года в теме, если бы мне 3 года назад сказали это сделать я бы охе**л

[@borisvolkov1113]

@@ДмитрийСитников-ш2х всё очень индивидуально, зависит от работодателя.

[@borisvolkov1113]

@@ДмитрийСитников-ш2х я одно могу сказать, лучше 1 проект, но серьёзный, чем куча маленьких пет проектов по типу тудушки или слайдера, конечно норм интернет магазин делать не нужно, но с апи поработать стоит.

[@bekzodabdullayev6148]

Можно сделать LMS в качестве пет проекта. Там будет booksharing, Chat, Поисковик и тд

[@frontendscience]

Классная идея!

[@user-nl8er2sz7u]

было бы интересно , сделать weather app, но что бы в нём было что-то вроде input type="range" и этим ползунком можго было смотреть погоду в любое время дня

[@d_r_robot]

Конечно да. Больше практики сэр! Кстати пет проекты не решают. У меня они есть.

[@d_r_robot]

@hel1_yeah походу таких много

[@micoberss5579]

Такая же канитель

[@d_r_robot]

@@micoberss5579 скоро нас соберётся команда, а потом мы набрейнштормим стартап и пошлём всех далеко. Пойдём рубить свой бабос

[@danildemchenko6004]

рекрутеры не смотрят на них или что?

[@micoberss5579]

@@danildemchenko6004 рекрутерам нынче интересна практика непосредственно на работе , работа в команде. А то, что ты написал пару клишейных хеллоу ворд программ им вообще не интересны. Хотя если совсем необычный проект, кто-то может и взглянет.

[@vasyatv9149]

Очень классный выпуск

[@zergzerg4844]

Объясните пожалуйста, что вы подразумеваете под опытом работы с UI и UX 5:10? То есть веб программер должен еще быть графическим дизайнером и уметь рисовать и делать макеты в той же фигме? Я думал, что прогеру надо только сверстать сайт по предосталвенному макету и навесить все эффекты да событий и все , ну а рисованием пусть графические дизайнеры мучаются.

[@viktoriiashevchenko3939]

Было бы интересно создать словарик, разговорник)

[@a.osethkin55]

Сразу лайк!

[@frontendscience]

🎈

[@denisoleksyuk5346]

Спасибо за видео! Если будет стрим с разработкой проекта я бы проголосовал за проект с питанием, типа вводить информацию какие продукты имеются и получать список возможных блюл, плюс добавить туда какой-то функционал который решал бы проблему в основном тех людей который часто готовят на семью, "Что сегодня приготовить") Помню у меня мама постоянно не знала что готовить, а теперь и девушка задается постоянно этим вопросом, а общем насущная проблема)

[@Олександр-ч7я2ш]

Где можно взять исходники? Срочно нужны 30 готовых пет проектов

[@Life-si4tp]

спасиба вам сергеей

[@frontendscience]

И Вам спасибо)

[@kurasaored2775]

Идея для пет проекта - редактор презентаций + трансляция презентации где можно листать слайды управляя голосовыми командами :)

[@oksanababichevska6191]

Добрый день, подскажите, где лучше размещать свои pet projects?

[@Doox911]

Некоторые проекты ни как не уровень Jonior или я так слаб.

[@pavelarkharov1692]

Спасибо, очень своевременно и вдохновляюще!) Вопрос по поводу видеоряда под лендинги - как такие анимации делаются как те, где SPACE, переход на оленя и в космос потом? Подскажете куда смотреть?) Спасибо!

[@frontendscience]

Думаю конкретно про эту можно спросить у Юрия: kzbin.info Возможно он знает как такое реализовано. А может он на своем канале уже даже разбирал похожие эффекты. Еще я рекомендую регулярно листать codepen - там есть очень много крутых примеров анимаций и сразу видно как реализовано.

[@Faradenza-sb3mj]

Учу Js уже как 3 месяца, не понимаю как делать 2048, пытался разобрать код всеравно не очень понятно, что делать?

[@korolev10s]

Было бы очень круто сделать с тобой сайт для погоды на стриме!

[@tamarbunturi2817]

Спасибо большое