Готовьтесь искать работу! ChatGPT уже верстает сайты по фото 👍

🔥 Скидка 15% на курсы по верстке сайтов на платформе FrontendBlok
✅ Оставьте заявку для получения скидки: forms.gle/fEG1GThf3x2qFh4m9
В этом видео изучим возможности ChatGPT со стороны чтения данных по изображениям. Эта функция доступна только по подписке ChatGPT Plus.
Если Вы хотите поддержать выход новых роликов, то сделать это можно через Boosty - boosty.to/annblok
Таймкоды:
00:00 Вступление
00:45 Скидка на обучение
01:32 Прототип от руки и ChatGPT
07:36 Исправляем прототип
15:55 Прототип из Figma и ChatGPT
19:42 Макет и ChatGPT
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Задать вопрос - frontendhelp.me/ru
🔴 Обучение - frontendblok.com/
#chatgpt #нейросеть #нейросети #чатботы

[@windcrack8404]

Я им пользуюсь, как помощником, когда не помнишь название тэга или как сделать то или иное на js. Это как Гугл, только по запросу ты получаешь ответ, а не 3 миллиона ссылок :).

[@AOFTG]

И ещё, пока что, ии скорее замедлит верстальщика, чем ускорит его работу) Проще самому с первого раза сделать как надо, чем давать ИИ и потом ещё подчищать за ним.

[@ivann129]

многих программистов заменит в новых версиях, он мне написал код для зачёта в институт на питоне сейчас а новые версии будут мощнее

[@AOFTG]

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

[@user-ze5tc2ft5n]

особенно прикольно будет заказывать доработку функционала к таим сайтам: +300% к прайсу каждый раз

[@eugenefromfl5666]

Спасибо за ролик, Анна! Всё таки он закончился к счастью хэппи-ендом, что меня очень радует. 👍

[@AOFTG]

Фух, судя по результатам, ещё как минимум 5 лет, могу спокойно работать верстаком)) А учитывая новые свойства, то и все 10. Пока не паримся на этот счёт, но приглядывать стоит.

[@unsub8584]

я бы не был настолько оптимистичным, его не учили верстать, не стояло просто такой задачи. А вот другие, могут специально создать и натаскать модель, заточенную конкретно на это. Той же figma для этого никакой ai даже не нужен, у них уже есть все цвета, все размеры. Но т.к у них есть дофига макетов в базе, они могут сделать и натаскать модель, которая будет чисто по картинке это делать с огромной точностью

[@AOFTG]

@@unsub8584 и всё же я думаю, запас в 5-10лет у меня есть 🙂

[@Loner-yl7hj]

Я зря изучаю веб разработку ?) ​@@unsub8584

[@dmitriyobidin6049]

@@unsub8584 Пока, всё еще, результат выдачи нейронки будет дорабатываться ручками, т.к. это еще верстка не тестилась особо в других браузерах, на мобилках и т.д. А уж когда пойдет поддержка - я вообще молчу. Как можно скормить нейронке кодовую базу в десятки тысяч строк, а потом написать "вон там в одном месте при условиях X, Y и Z сделай так чтобы этот див был с другим фоном и данные брал не из этого апи, а из другого для старой версии API". И все это сделано на ангуляре 17 версии, под которую нейронку даже никто и не думал обучать. И таких граничных случаев вагон и маленькая тележка.

[@levoem]

Напоминает PROMT в 2000 году. Переводил абы как. Через 23 года онлайн-переводчики переводят практически без ошибок. Учитывая современный синергетический эффект, можно предположить, что нейросетки научатся достойно верстать уже через пару лет.

[@annblok_webdev]

Перевести текст и написать код - это несопоставимые сравнения. Перевод он всегда один (двойные значения могут быть лишь из-за контекста), а вот код можно написать по-разному и его результат будет зависеть строго от того, учел ли ты в тексте все технические особенности или нет. Даже клиенты не могут грамотно для человека описать ТЗ, что уж говорить о машине, у которой нет возможности "догадаться", что хотел написать человек.

[@levoem]

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

[@ivann129]

значит должны появляться специальности грамотное общение с нейросетями без программирования

[@wearemusicmakers]

@@ivann129уже появляются! Сходи на курс джедай нейросетей без написания кода этих нейросетей

[@alexviman]

Радует, что ИИ не смог сделать нормальную верстку по изображению😀

[@alexfeejay]

Я думаю, что ии не смог этого сделать для нас, т.к. для нас его предоставляют не на 100%. Те, кто пользуются нейронкой с релиза, думаю заметили, что ее "убавили"😊

[@ivann129]

​@@alexfeejayот куда инфа? Илон Маск виноват?

[@dydai]

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

[@dmitryzwer]

no-code программистами - уже встречал такое название))

[@TmRokLi]

Анна подскажите пожалуйста а что за редактор html у вас в ролике? А то только начинаю изучать это все. :)

[@annblok_webdev]

Codepen

[@suslikest3708]

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

[@jamilibrahimli190]

Сам чат лично говорит что неможет заменить полностью опытного разработчика.

[@mex5341]

это уже все умела фигма давно , надо было лишь копи-пастить код в IDE)

[@antdrag4754]

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

[@user-wd6nc8pw8n]

Привет Анна! Подскажи пжл, какие дополнения используешь в chatgpt. Вижу, что экран с чатgpt у тебя не совсем обычный. Что это за дополнения или расширения chatgpt

[@annblok_webdev]

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

[@user-wd6nc8pw8n]

@@annblok_webdev не верю.

[@user-ok5sd1yq2p]

Кркто очень круто .

[@AdilkhanAskarov]

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

[@annblok_webdev]

Иногда кстати он gap предлагал, но это на тестах, которые не попали в видео

[@AdilkhanAskarov]

@@annblok_webdev теперь интересно по какому принципу он пишет стили) и будет ли учитывать, если указать версию браузера не ниже которой должна быть поддержка

[@user-oc9dk3jh6t]

главное видосы пилить )))

[@Yuryi_Abrokov]

Здравствуйте Анна. Мне нужен ваш совет. Дело в том, что я знаю на среднем уровне html, css, javascript. И по Фигме тоже просмотрел несколько роликов на ютубе. Видел много видео где используются плагины по переводу Фигмы в код. Вся информация размыта. Я конечно представляю как это все работает, и все очень просто можно создавать используя перевод Фигмы в код. У меня разбегаются глаза при таком количестве информации, и я хватаю по частям из всех областей - Фигма, таплинк, верстка, марквиз, чатботы. Подскажите, пожалуйста, как выработать четкую стратегию для наработки ценных и востребованных навыков.

[@ivann129]

Открыть чат джпт 😂

[@user-uy8ib3lo3s]

Здравствуйте Тетя Аня,я веля 13 лет.Хочу стать програмистом но не знаю с чего начать я полный 0 в програмирование.Я бы хотел создавать игры или что то похожее❤

[@Yuryi_Abrokov]

Анна, скажите, если дать ему (Chat GPT-4) Taplink и сказать - сделай мне таплинк по моему вкусу, он сможет?

[@annblok_webdev]

Перейти на сам сервис вместо вас он не сможет, чтобы установить блоки и сделать дизайн

[@gregornorton6380]

Анна, а есть у Вас материал: как подключится к ChatGPT 4?

[@BFM74]

Поддерживаю.

[@annblok_webdev]

Да, есть пост об этом boosty.to/annblok/posts/26ef2ac7-fc97-4d0c-b0f5-65a2466502b4

[@user-cc2lp9tz7r]

там надо 20-баксовую подписку оплачивать с не русской карты ну и впн нужон

[@annblok_webdev]

@@user-cc2lp9tz7r в моей статье другой метод описан

[@Jonstonrich]

Объясняю для тех, кто еще не понял что происходит.Эра рабов/господ уходит.Начинается эра творцов.Успех ждет тех кто сможет расскрыть свой творческий, созидательный потенциал.Чего вам всем желаю!

[@user-yu5sj7cw6y]

Ага эра творцов, хозяев ГПТ) Для них конечно эра творчества наступит, твори что хошь

[@Jonstonrich]

@@user-yu5sj7cw6y Именно так.Делай что хочешь.Но ответственность держать придется хочется тебе или нет.При чем ответственность - это не наказание.Это то, что будешь пожинать сотворив что либо.

[@user-cc2lp9tz7r]

Эра господ уходит? А кто же будет повелевать чат-ботами они ведь без заданий не работают.

[@PHP_Architect]

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

[@user-cc2lp9tz7r]

@@PHP_Architect Даже если у тебя есть душа никто не даст за неё ни копейки

[@_webAmoeba]

а было про прикручивание чатГпт в vs-code? Бесплатная версия 3.5 не шибко и тупее 4 вроде

[@annblok_webdev]

было, но в формате Shorts

[@TheSky5028]

уже приготовился искать работу , получил оффер на 200к

[@alex_green010]

Рекламировать курсы по вёрстке после такого заголовка видео)))) Шутку понял...

[@user-cc2lp9tz7r]

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

[@alex_green010]

@@user-cc2lp9tz7r Так я его посмотрел, шутку оценил, но так же надо не забывать, что ии или нейронка учатся в тысячу раз быстрее человека. И все предсказания относительность того, когда верстка будет не нужна можно смело делить на 10 а то и на 100. Ниже кто-то откомментил что ещё лет 5, так вот если кто-то целенаправленно займётся таким направление, то уже через года 2 простые верстальщики будут никому не нужны, ну в большинстве случаев так точно, ведь chatGPT имеет широкую направленность, поэтому пока ему такое простительно.

[@user-cc2lp9tz7r]

Ясно спасибо. Значит пока что он не может заменить верстальщика. И интересно что у него нет навыка вырезания картинки из макета с последующей вставкой в результат. Хотя тут потребовался ещё навык отделения картинки от текста а это уже даже для людей не тривиальная задача.

[@annblok_webdev]

На MacOS можно копировать текст из изображений, если просто его открывать на просмотре

[@user-cc2lp9tz7r]

@@annblok_webdev это распознавание текста. Я про удаление текста с картинки что бы потом на сайте текст был текстом а картинка оставалась фоном (без текста)

[@user-ey4os4hw6w]

СhatGPT это шляпа. Локофай аи работает гораздо лучше, правда для него проект фигмы должен быть правильно структурирован.

[@datoshcode]

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

[@pavelkubin1541]

У клиентов его тоже нет, так что вдыхаем то что выдохнули и пашем

[@sergejchap62]

В примере от Анны какое ТЗ - такой уровень ответа. Понятно, никто такие задания не дает, а более вменяемые. Лучше б если Анна что-то подкинула из макетов от Figma. Картинки, вложенные меню, модальные окна и т.д.

[@user-pz7od3hb1x]

​@@pavelkubin1541❤

[@sergneste3252]

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

[@annblok_webdev]

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

[@user-sj4oy1el5y]

​@@annblok_webdev как думаете, зачем?

[@PHP_Architect]

думаеш школьник напишет в запрос гпт с 10-20 терминов + кучу уточнений и сделает сайт? 🤣 Да тут заказчики т.з. немогут толком составить

[@goosesuka]

Так же как моделит модели ? :D тогда можно не парится

[@goosesuka]

платежные системы он уже умеет подключать ?

[@annblok_webdev]

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

[@goosesuka]

@@annblok_webdev ну заскульпти голову это не сложно ты же видишь себя в зеркале

[@pavelkubin1541]

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

[@user-ey4os4hw6w]

Верстальщик - не программист.

[@AOFTG]

@@user-ey4os4hw6w верстак тоже работает с js кодом, а ещё с gulp и npm. Так что во многом верстак - программист.

[@V1337adim]

Они лишают всех работы, в этом и смысл

[@xpornzenin]

На самом деле удобно его будет применять как скелет страницы, хотя тоже сомнительно, опытный верстальщик и скелет сам быстро сделает. Пока chat gpt помогает убирать рутину в js, всякие счетчики в корзине, таймеры итд

[@rodigy]

А кто проверять его js код будет, он там такое ереси может написать

[@xpornzenin]

@@rodigy Естественно нужно понимать js, он рутину убирает, а не все за тебя пишет))

[@xpornzenin]

​@@rodigyДелаешь ты динамическую загрузку товаров, попросил написать json на 20 товаров. Или написать просто запрос curl к api, итд. Вот такими простыми задачками, можно сэкономить себе часик рутинной работы и да, нужно конечно понимать и проверять, но в таких простых вещах он редко косячит

[@rodigy]

@@xpornzenin для демо апих уже куча сервисов есть, любой json выдаст. Если знакомы с php фикстуры есть. Как по мне спорный вопрос, может и избавит от рутины, но его код нужно проверять, что бы проверять нужно знать норм, если знаешь то и самому написать не сложно и много времени не займет.

[@xpornzenin]

@@rodigy в vscode есть плагин gpt, ввел 5 слов, тебе выдало 50 строк кода, если не юзаешь, ну не спорь

[@flyeron1981]

Ладно вёрстка. Я тут его мучал недавно созданием модификатора для Opencart и он мне такого напридумывал 😂 В общем был бесполезен совсем

[@user-jt7wb3zc1m]

😭 Так и я умею. Когда уже наконец ChatGPT сможет сам пофиксить легаси код ничего не сломав при етом

[@PearlDpUa]

Шаблонів і так повно, плюс їх можна копіювати з уже готових сайтів без труднощів. Нічого не зміниться.

[@user-qm1zd3ky7w]

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

[@nikitafrolov3253]

Ищет до чего доколупаться, чтобы хоть кто-то купил курс😅 Год назад(может 2-3) уже были хорошие нейронки, которые по макету фигмы писали верстку🎉 Сам пользовался и накидывал на vue и react. Было очень удобно, но дороговато и ждать приходилось достаточно долго😢 Думаю к концу года уже будут готовые решения(дешевые, топовые по всем функциям … джунов и половину мидлов заменит 100%. Так как для более сложных действий уже есть ии. И проще платить подписку 100$ чем нанимать 3 джуна, которых учить и дрючить). В массы закинут в течении 5-ти лет. Это слишком много народа нужно будет уволить. Обычно это делают постепенно😊

[@kostya4182]

я так понимаю джуны больше не нужны

[@nurymnurlan3320]

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

[@maximg2274]

может и наоборот рыночек повернет. как допустим с иллюстрацией - не нужны топ иллюстраторы которые брали 1000 баков за картинку - а допустим теперь нейро-иллюстратор (который и рисовать не умеет, но знает что где куда прогнать обработать) за 30 баков выдаст тот же результат и не за месяц, а за 2 дня.

[@user-gv5xw9qi4e]

Джуны всегда были не нужными специалистами)

[@_eren_2463]

через года 2 не нужны будут@@nurymnurlan3320

[@classificator4718]

да, но думали тогда не о преподавателях математики, а о счетоводах. Была когда-то такая профессия. а теперь нет@@nurymnurlan3320

[@artemunix5223]

кто хочет освоить новую професию пиценосца пишите в личку ее чатик еще долгое время забрать у вас не сможет

[@alexeynoname114]

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

[@drino955jug3]

это нейронка типо, ну, это норма, там есть кнопка догенерировать

[@annblok_webdev]

Для меня это тоже стало сюрпризом

[@annblok_webdev]

@@drino955jug3 это и в бесплатной есть

[@gyfugyruu1139]

Дада я тоже размечтался что он сделае сайт чуть более сложный. Нифига, пока он туповат. Потрати 2 дня . Нет он делает сам шляпу с квадратиками😂. Я поимаю чучуть

[@annblok_webdev]

Да, по ощущениям прототип от руки он лучше проработал, чем детализированный макет.

[@UltraZelan]

Вместо модАльного написала модЕльное.

[@MrKim-pt2vm]

Научиться бы ещё в голове придумывать дизайн. А потом уже пользоваться figma. А потом уже верстать

[@_A-M-A-D-E-U-S_]

Хоссспаде, я прям слышу, как втягиваются ваши шарики) И всё из-за туповатого заголовка к видосу, мдэ...

[@user-nw3iz4bd1b]

У анны парень слишком большой

[@jerome6722]

У новичков наверное жопа сгорит от кликбейтного названия видео

[@omxian408]

да, когда этот хайп ИИ подняли. Я думал: блин, с этими ИИ я снова не знаю, кем хочу стать, когда вырасту :D

[@max_postmind]

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

[@levoem]

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

[@max_postmind]

@@levoem Все равно человека пока не заменить, но прогресс не устает пугать😀

[@AOFTG]

Первый день в медиа пространстве?)

[@russianstan]

Занимаетесь каким-то бредом

[@user-nw3xo1gc5t]

Анна, "имеет место быть" - неграмотная фраза

[@andreylomako761]

чат гпт еще достаточно тупой, он не только верстку еще не умеет делать, а также с php у него достаточно проблем

[@jamilibrahimli190]

Он не тупой просто у него ограниченные возможности.