😳 Чем верстальщик отличается от фронтенд разработчика?
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- 🔥Марафон, о котором рассказываю в видео: был в январе 2020 года.
Предлагаю пройти новый марафон «Основы веб-разработки»
✅ Участие бесплатное, но необходимо зарегистрироваться:
frontendblok.co...
Web Developer Roadmap 2020 - github.com/kam...
✅ Instagram - / annblok
✅ TikTok - / annblok_webdev
✅ Сайт - tpverstak.ru
✅ ВК - tpverstak
✅ Telegram - t.me/tpverstak
✅ Чат Telegram - t.me/tpverstak...
✅ Поддержать канал - / @annblok_webdev
Обучение Frontend-разработке - frontendblok.com/
Frontend Book PDF - tpverstak.ru/f...
Задать вопрос про фронтенд или верстку - frontendhelp.m...
![[TH] FS vs BME - VCT Ascension Pacific - Lower Bracket Final](http://i.ytimg.com/vi/wnygqsR2Fig/mqdefault.jpg)
Кратко: верстальщик - тот кто верстает на html/css, Frontend разнорабочий - полноценный разработчик, отвечающий не только на вёрстку, но и за javascript, понимает клиент-серверное взаимодействие и может сделать полноценное веб-приложение, а не только сверстать лендосс
Спасибо. Кратко и по делу)
JQuery это библиотека на JS но никак не плагин !
Спасибо вам за вашу работу над каналом, все построено четко и структурированно, если возникает вопрос, то тут же появляется ответ в виде вашего следующего видео))это не может не радовать
Анна я не из тех кто придирается к словам, но JQuery это библиотека а не плагин!
JQuery в 2021 при смерти,панихиду уже заказали.По крайней мере это мужик один говорил с соседнего подьезда,ну это мне бабки на лавочке рассказали.Баба Зина и баба Валя ещё в 90-ых работали над тамагочей и тетрис.
Просто она употребила собирательный термин.
Плаги́н[1][2] (англ. plug-in, от plug in «подключать») - независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей. Плагины обычно выполняются в виде библиотек общего пользования.
Вот и я прифигел от такой формулировки)) назвать jquery плагином это сильно
@@yurirevin3550 Не балуйся.
Если быть более точным то JQuery разрабатывалась как библиотека но в данный момент это уже библиотека плюс готовые модули(плагины). Можете продолжать использовать JQuery как библиотеку но лучше использовать готовые решения.
господи, сколько воды...
Имхо, границы между верстаком и фронтендом порой очень размыты и увидеть их можно только если работаешь в крупных проектах на большую компанию, где у каждого своя узкая специализация.
Не согласен, если прям уж прям коротко то фронтенд это разработка приложений, а верстка это визуализация макетов. Размывают понятия гавноконторы, которые берут верстальщиков на вёрстку и нарекают их фронтендерами😅
По ходу мои знания и навыки на уровне верстальщика(, Анна, спасибо за видео, вы как всегда понятно все объяснили)
Спасибо большое за информацию. Очень важно понимать в каком направлении двигаться, чтоб был рост.
много-много поцелуйчиков вам.
так и не понял - почему нельзя пользоваться авакодом или зеплайном ?) чтобы помучаться ?)
Я бы конечно дополнил список. Сам являюсь джуном, со свой стороны посоветовал бы изучать не только то что изложено, но и такие технологии как: canvas, redux, thunk/saga, lodash. Ещё для общего понимания рассмотреть ant design. То что там есть не всегда используют. Можно это и руками сделать, но хотя бы понимать отличия лоадера от спинера было бы не плохо. Предпроцессоры обязательно. Флексбокс. Список хоть и большой, но это то с чем столкнулся я на своем пути
а что учить после основ js?
@@ВладимирвладимиР-ь8ш фреймворк или библиотеку которая и вам понравится и будет актуальной. На данный момент лидирующая тройка из них: React, Angular, Vue
Как у вас дела идут сейчас?
Да, предпроцессоры щас везде, без предпроцессоров никуда
В общем фронтом не стать без верстальщика, это фундамент. Просто во фронте дальше упор на js идёт
Но по началу обучения лучше сильно не углубляться в верстку, а изучать JS и фреймворки к нему
бэкенд - это программисты, фронтенд - это верстальщики, которые думают, что они программисты
Зарплатой естественно, хотя делают примерно одно и тоже. Покажите мне современного опытного "верстальщика", который js логикой не занимается. Такие закончились ещё лет 15 назад. С реактом или нет, фронтендом он и является. За границей давно дошло уже это до людей и отдельная вакансия "верстальщик" практически не встречается
Видно, что профессионал. Видео пушка, всё понятно и простым языком🔥
🤗
Больше всего я боюсь таких "комментариев"
верстальщик делает опечатки в заголовке
а разработчик не может позволить себе опечаток
Ну нафиг это JQuery, проще написать на чистом JS код, который намного быстрее работает, да и кода писать ненамного больше.
Это конечно, но ситуации разные бывают
А как же припроцессоры?
Да нет такой уже профессии - верстальщик
перед тем как записатсья, не вьідержал: взял и сверстал лендос марафона.
Ахах, класс 😄
Ещё можно кучу делать анимаций с помощью html css
За первый две мину ты ответила на большее кол-во моих вопросов
Привет, а как называется профессия Верстальщик на Английском ? =) Прости за тупой вопрос )
frontend developer 🤣🤣🤣
Что касается вёрстки:
1. Для работы с макетом я лично использую онлайн-редактор Photopea (psd, xd, sketch, xcf). Он бесплатный и главное, легальный (без взлома с ключами и пр.)
2. Анна, кажется вы забыли упомянуть про методологию БЭМ, которую используют при вёрстке топовые компании.
Думаю, эти вещи новичкам обязательно нужно знать
Photopea реально спасает, лучший друг фронтендера и верстака, плюсую!
топовые компании уходят от БЭМ, отдавая предпочтение изоляции css. Я бы сказал из крупных компаний на рынке России только яндекс упорно продолжает лелеять свое детище...
БЭМ нужен только в компаниях.
Я еще ни разу не видел, что бы кто-то брал блок и использовал его в другом проекте....а ведь в этом и есть основной смысл БЭМ.
@@krasnodar-love не совсем так. Речь не о другом проекте. А о решении проблемы перетирания стилей при модульной разработке. Например команда разрабатывает сайт, 1 разработчик пилит хедер, другой футер. Работа идет паралельно. И там и там есть лого. И если обра разраба дадут ему класс logo только каждый спозиционирует это лого относительно своего блока, то один другого перетрет. Все сломается. Потому что стили на странице одним потоком пойдут. Это очень тапорный и простой пример, но когда большая команда работает над сайтом, казусы довольно частые. Это все 1 проект. Вот тут типа и приходит на помощь БЭМ, который создает уникальность для не бощих стилей. Концепция хорошая, поделить на сущности, но реализация - говно... Собственно ту же проблему решают изолированые стили, когда для каждого стиля у тебя есть суфикс с уникальным хешем. И хоть каждый назовет в своем модуле класс logo, ничего не сломается, потому что в хедере это будет logo_5dh38, а в футере logo_73h7di4
@@MrJohnnyFirefly такая ересь. Вы даже не понимаете для чего БЭМ используется.
Открою секрет, что можно ваш пример сделать куда проще #header .logo - вот вам уникальный, простой и понятный стиль.
Пытаюсь понять, как называют верстальщиков в Англии (живу тут). Пока что мне кажется, что здесь этого разделения нет, и те, и другие - Front End.
Я посмотрел в гугл переводчик там сказали что это typesetter, но если с англа на руский это написать то будет другое, так что да прямого перевода нету
Html coder
Verstalshilk
Scrollershik
Так и есть. Верстальщиков только на постсоветском пространстве и плодят тысячами, практически нигде такого разделения больше нет в мире, а у нас это такой себе недофронт с копеечной зарплатой, но умеющим и js логику сделать, и на движки натягивать работы, взаимодействуя с бэком (это уже недофулстак получается) 🙈
Спасибо! Интересное видео👍Учусь на фронта.
спасибо за что вы выпустили этого видео
Лайк) вспомним завтра как учили раньше страшную разметку гипертекста)
Канал ближе к лету сделаю будет показано как с чего начать изучение программирования с нуля и бесплатно,
Какая оригинальная идея ппц
@@yurok1991 Все будет ближе к лету
@@Шефповар-о2и Мне пох)
@@yurok1991 а на ютубчике так много оригинального и полезного контента - это точно:)
Майнкрафт №1000500, обзоры тв-шоу, трындеж про новости и прочее....О да! Топовый.
Давай ждемс, появление годных гайдов по обучению!)
Я и то, и другое
Красавчег. А я не то и не тот. Браузерный js слишком ограничен) Ура nw.js и electron.js Джуниор должен знать как писать декстоп)
@@ВикторБелов-ф3н, я в вас верю. Когда-нибудь дорастете до моего уровня
@@ВикторБелов-ф3н старайтесь лучше и когда-нибудь сможете потягаться с Доктором.
Музыка в конце топовая, спасибо за видео)
Спссибо. Очень полезно.
Необходимо необходимые, необходимо, необходимо, необходимо
2023
Здравствуйте Анна. Пожалуйста обьясните мне, почему как вы сказали часто разработка фронтенда меняется 07:29 и зачем? Как меняется? Если у вас про это видео ролик?
Спасибо, очень информативно
Полумна Лав))))
Не могу вкурить, jquery это js с коротким написание и компиляцие в js всего написанного...почему тут называют его плагином и на кой чёрт верстальзику уметь писать на js, каким образом "сайты его еще поддерживают". Смысл верстальщику писать на js и работать верстальщиком, когда за пару дней просмотра документации ангуляра, реакта, вуе он будет фигачить на них...
слишком много воды
ок
Мне кажется ваш канал недооценён
Спасибо вам! У вас лучшая подача информации , ладно, одна из лучших 🤝
❤️❤️❤️
@@annblok_webdev, Спасибо за видео. "Благодать и мир вам да умножится в познании Бога и Христа Иисуса, Господа нашего."
(Библия, 2-е Петра 1:2)
Я учу писать бекь-еньдь, но знаю HTML и Сss и чуть-чуть js . ВСТАЁТ вопрос почему фронт-енд по сравнению с беком такой простой а платят одинаково?
P.s Я пробывал писать фронт но понял что ненавижу его.
HTML CSS и javaS , основы фотошопа и все ! Че то вы программ нагнали ... Так всех людей спугнете...
А нужны ли сейчас верстальщики?
пока есть спрос - есть предложение
@@girlnek0708 но ведь как раз спроса и нет... В моём регионе вижу сотни резюме и пара вакансий с ужасными условиями.
@@АндрейГонин попробуйте удаленно на фриланс биржах, - weblancer, kwork
Нужны те верстальщики которые знают html css javascript jquery php wordpress opencart и могут спокойно создавать интернет магазины и интернет блоги
Спасибо за информацию!
У Вас интересный приятный голос.😊
Что ждёт нас в ближайшее время, уровень искусственный интеллект будет выше чем самого человека, так что если они думают что создают что нибудь такого сверх мощного. Хочу сказать что это придет конец всему человечеству . Не будешь работать на фрилансе. А будем рабами интилекта . Мы сами себя и уничтожаем . Заводы загрязнение воздуха загрязнения воды. Люди с сошли с ума друг друга не смотрят в глаза врут . 2017 году человек упал в торговом центре это была моя девушка , на нее не смотрели никто как собаку , говорят что Русские самые лучшие народ . Русские выебустые кто кого перегонят на бабло на богатства . Проснитесь вокруг что происходит. Рыбье глаза!
Есть ли все эти редакторы в виде онлайн? Чтобы скачать не нужно было
А где верстальщики востребованны?
Git, а как же Git?, он ведь лучше собаки...
Анна просто супер! Оч приятно смотреть видео с такой "конкретной" подачей теории и уверенной практикой. Подписался и палец поставил!
Плагин (англ. plug-in, от plug in «подключать») - независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей. Плагины обычно выполняются в виде библиотек общего пользования.
Спасибо :)
а насколько целесообразно вообще делать на svg если можно все сделать жепегом? файл то он дает больше чем графические форматы. и вообще хотелось бы узнать какие графические форматы вообще дают наибольшее сжатие и наибольшую скорость загрузки? Где взять доку по svg? Я чесно говоря обучаюсь на юдеми и в своем курсе я такого не видел, хотя там охвачен и фронтенд и бекенд разработка.
SVG - не есть JPG. У первого плюсов больше, но если это фотография, то тут без выбора, в любом случае JPG. SVG лучше оптимизирован, особенно если наложить компрессию. У нас есть крутой марафон по SVG если хотите разобраться во всех тонкостях tpverstak.ru/svg-web/ Документация www.w3.org/TR/SVG2/
SVG позволяет использовать одну и ту же картинку для любого размера экрана без потери качества.
И чаще всего он же и легче других + может скрывать часть содержимого (например, для лого на мобильной версии).
@@krasnodar-love Ну я так и понял что что то монохромное нарисовать на нем куда логичнее чем жепег вешать внешним файлом, нужно только доку поискать на него а то мне эти интенсивы вообще не подходят из-за того что я работаю и мне бывает тупо некогда, тем более наврятли он сложнее программирования станков с чпу.
@@ВладимирЗлатомрезов какую доку?) он рисуется в иллюстраторе, а вставляется спец-тегом (можно и как картинку просто).
@@krasnodar-love опа! но я как то видел на википедии нечто подобное , там были координаты но не было адреса самого изображения и я не думаю что иллюстратор нарисует более оптимизированное изображение нежели человек.
У вас на сайте регистрации ошибка какая-то. Написано введите ссылку на VK или Telegram (Введите ссылку с ) . Ну ок ввожу , а толку ноль! Все-равно поле красное и не регистрируется.
Блок - это псевдоним или вы действительно являетесь родственницей великого поэта?
Вариант с однофамилицей не рассматриваете?
Что такое верстальщик, про которого вы говорите? Вот я понимаю верстальщик в полиграфии, а в web? Это програмист? Или чем он от дизайнера отличается?
он превращает макет из графического редактора в веб-страницу и добавляет туда все необходимые функции
Браузер отображает контент только с помощью специального кода. Если просто накидать текста и картинок браузер просто не поймёт что от него хотят и выложит беспрерывный блок текста безо всяких картинок. Вот верстальщик переводит присланный макет (по сути это аппликация а не просто картинка т.к. состоит из множества мелких деталей которые можно шевелить) в код чтобы браузер мог отобразил его в том виде в каком он является в макете. Кроме того создаются интерактивные элементы с состояниями (смена цвета или размера у кнопок или текста который является ссылкой) слайды становится можно листать или переключать табы.
В широком смысле слова это программист, он работает с кодом.
@@Psoglawec Спасибо за развернутый ответ!
@@DimaSemenoff в этом блоге Анна как раз и показывает работу верстальщика. Т.е. тот код что она пишет в видео это и есть работа верстальщика.
Смотрю уже не первый ваш ролик, подписан на канал. Не пойму почему только сегодня мне пришло извещение о вашем 3 дневном интенсиве которые уже прошел 22 января. Скажите пожалуйста : а сейчас есть возможность его посмотреть? Очень очень нужно!
крутяк спасибо
капец) я с ходу пошел и подал заявку) а ей уже год)
Ахах 😅
Ловите ссылку на бесплатный марафон «Основы веб-разработки» frontendblok.com/marathons/web-marathon
Та не, так не бывает! И умная и красивая! В чем подвох?😀
@@aliaksandrklimkovich7189 Она робот
посмотрите сериал Kidding с джимом керри, просто шикарен.
блин не в то видео коммент запостил
спасибо за объяснение 😊
начинающему этого достаточно? вы шутите?
Знач только jхтмл ссс и реакт устроился джунум, что не устраивает то ?
привет Анна мне нужна сss книга от куда можна взйат
Привет, тут frontendblok.com/tools/book
А ещё БЭМ.
Макет сайта в иллюстраторе ппц
Хмм я думал что верстальщик это тот кто хорошо знает HTML5 и CSS3, а фронтенд это тот же верстальщик только еще знает хорошо и JS
А это не так?
@@rishatosmonov3206 так , но плюс ко всему фронтендер должен знать или Реакт или Angular ( в идеале конечно и то, и то ). Потому что писать сайт на чистом html, css , js весьма затратно по времени :))
Верстальщику тоже надо знать JS. Хотя б на базовом уровне. Иначе все интерактивные элементы сложнее смены цвета иконки при ховере он не сможет реализовать. Тем же джейквери пользоваться вряд ли сможешь
Умничка
В чем разница , серьезно.
как я рада что нашла ваш канал !
Благодарю за видео 👍
Возвращаюсь во фронтенд после длительного перерыва 😊
С возвращением! 🙌
@@annblok_webdev Благодарю) Из Рф не уезжала?)
Вы очень красивая
Большое спасибо за видео!
ты не типичный, ты эпичный верстальщик😏😹🔥
Верстка нереально скучное занятие, не представляю вообще как можно заниматься версткой постоянно, поверстал полтора года, сейчас уже почти 2 года на JS, и верстать вообще желания никакого. Но я думаю все к этому рано или поздно приходят. P.s на видос случайно зашел, девушка красивая)
Говорите за себя)) Видимо вы больше бекендер в душе, а не дизайнер.
@@annblok_webdev Так и есть.
p.s ничего против верстки не имею, это лишь мнение, мне лично нереально скучно, слишком просто и нет интереса
@@annblok_webdev А если не секрет, сколько вы уже верстаете? Неужели не хотели перейти на JS?
Я не только верстальщик. Я в дизайн умею и фронтенд.
@@annblok_webdev А, ну тогда супер, непривычно видеть девушку в данной области, вы молодец. Желаю вам еще больших успехов
И так понятно что топовые язык программирования это питон и JavaScript , что учить новичку ,,php 7 python и JavaScript это уже понятное дело все знают и без вас .
почему питонятина топовый?
Да ну? А ну ка, запили драйвер на этих топах... :)
@@ИванЗагляда-н8ы Мне ещё делать нечего драйвер написать )))) у меня есть чем заниматься)))
@@ИванЗагляда-н8ы зачем драйвер в вебе?
@@rollo9085 1. Хоттабыч в своем посте не ограничивался веб, а высказался обобщив все языки программирования.
2. В корпоративных задачах вебу иногда нужно вылезать за рамки песочницы. Например: печать на принтере без участия пользователя; считывание показаний приборов.
блиин. видео увидел 26 января((.
Есть другой бесплатный марафон frontendblok.com/marathons/web-marathon
@@annblok_webdev спасибо
Fireworks верой и правдой служил мне до появления Figma. Местами он до сих пор лучше. Но увы, это уже мёртвый продукт, и убила его злобная корпорация Adobe. Как по мне, они вообще испахабили наследие Macromedia. Один Freehand чего стоил!
Интересно что учить npm?
И зачем node.js учить если его достаточно установить и забыть
Чтоб сборку галп написать под с нуля, например. Как это сделать, если не знаешь ничего о ноде и нпм? По видеоурокам каждую буковку за автором прописывать? Это сложный путь
Анна, макет можно скачать и где?
Макет будет выдан на интенсиве
@@annblok_webdev спасибо :)
Верстка умирает из за элемнтора на вп, и тильды. Придется идти на Бэк и в дизайн.
Не могу понять какой клоун поставил дизлайки??Как всегда на высоте, лайк)
может встретимся? ты красивая
😍😍😍😍СПАСИБО БОЛЬШОЕ 🙏🏻
Могли бы показать на примере, что именно может создать верстальщик и что может frontend, а то столько всего говорят, различия не вижу
Различие есть только на постсовке и процентов на 70-80% состоит в разнице зарплаты, в гораздо меньшей степени завися от решаемых задач
В Анне все больше и больше тестостерона:))) и это не может не радовать:))
что ты несешь поехавший?
Hennadii Andriichuk куколд?
@@ОхотникНаКуколдов куколд-транс.
@@ВладимирвладимиР-ь8ш скорее длбб
разве jquery не фреймворк?
Jquery - библиотека
Панимаю 😂😂😂😂😂😂
Слишком умный что ли? Куколд
@@ОхотникНаКуколдов ты хоть значение этого слова знаешь?
Арман Хачатрян да ладно тебе уголёк, спалили тебя мы уже, что ты куколд)))))
Верстальщик - это тупо раб который сидит и пишет HTML CSS. А Frontend рабработчик уже человек по серьезней, который может выпонять работу верстальщика, а так же он пишет алгоритмы и методы решения проблем клиетской стороны. Ответ прост. Кстати скоро верстальщики не будут вообще востребованы, их заменят роботы...
То есть, все остальные не тупо "рабы"?) А если человек не работает на дядю, а просто верстает, то он не тупо раб? По поводу телеги, которая уже 10 лет тянется, что верстальщиков вот вот заменят уже даже писать думаю не стоит, это будет так же скоро, как заменят водителей автобусов и маршруток автопилоты
@@__pava8037 ты прав. Дяде верстальщики скоро будут окончательно не нужны или нужны за сущие копейки. Вполне себе появилась и живет потребность в специалисте design/tilda, который делает сайты
под ключ. Или же человек, который возьмет сверстанный вордпресс шаблон и сделает имплементацию. К чему тут верстаки? А вот просто верстать для себя -
это не вопрос. Ну для себя и на паскале можно писать
@@__pava8037 Не, дяди, которые улыбаются нам в маршрутках останутся надолго, лет 15, ибо сложно будет сразу все заменить разом, финансы... )) Лично мое мнение, дружище)
@Make America Great Again! несомненно. Речь только о том, что именно как отдельная специализация это сейчас уходит в прошлое
@Make America Great Again! развитие это очень хорошо и необходимо. Но не каждый маршрутчик стремится к тому, что бы стать пилотом болида. Просто называть кого то рабами, живя при этом при капитализме как то не очень корректно, мы тут все рабы так или иначе
Хочу сказать что кто работает на реальной работе , и не ждут подайте от Ютуб канала и не ждут Яндекс дзен. Программирования бросил . И работаю на мойку да бл больше спокойное чем пиздетить и ждать пожертвования от Ютуб канал или других сервисах. Так что ребята лучше двигаться чем сидеть на жопе. Кто работает физические они больше живут .
Работая на мойке продолжаешь смотреть каналы про разработку 🤣🤣🤣🤣🤣🤣🤣🤣
@@yurok1991 Не смотрю ради интереса , вышло на обновление и смотрел но не до конца я поставил не в интереснее . Зато по душе спокойной и не нужно думать а коде . Жизнь без интернета просто кайф. Удалили все и Вацап и Вайбер везде . Интернет это болезнь не излечиться от этого . Раньше в ссср не было вот этот интернет . Все жили спокойной и мир. Люди сейчас с ума сходят они как ебнутые. Ради денег бл хоть без трусов показать себя. Я не против вообще никого дела каждого . Если смотреть другие канал то просто охуеть не встать . Веб разработка вообще стало не интересно , сейчас и так полно школьников не образованные которые рынок загадали на 100% току дальше продолжить работу в программирования толку нету . Когда я начал вас не было и не было это ваш типичный верстальщик)))) так что вот такие дела. Я начал ещё в 2006 году не было асобо материалы для изучения обучения- на канал просто рассказывают а дичь одно и тоже . Пример берём с хаудй хо , от ожирения не может слезать с стула или с трона .😂😂😂 Толку что показывают на 100% уроки нет эффект вообще, что здесь что и у других. Все у себя варуют контент току смотреть одно и тоже. Смотрю не то показывают
@@Шефповар-о2и Аааааа, так сразу бы и сказал, что ты из категории людей "в ссср было лучше", а то шифровался под нормального
@@yurok1991 Да да
что за бред ты только что написал? АХАХАХ
А можно немного поподробнее про снижение популярности jQuery? А то вот некоторые скромные организации, типо дочек ростелекома, юзают новейший прогрессивнейший ангуляр третьей или второй версии и ищут фронтов по всей стране. Так на скока там jQuery стал менее популярным? Процент? Полтора? Или даже два???
Подробнее рассказала в видео th-cam.com/video/vkI4LaX1ip8/w-d-xo.html время 11:53
Анна Блок огромное спасибо))
Конечно смешно отвечать спустя 2 года , но сейчас jQuery уже история . Даже если ты пользуешься Bootstrap, раньше нужно было вместе с ним обязательно скачивать jQuery, теперь (начиная с 5-й версии ) - чистый css и js. А по сути реакт , Vue и angular похоронили jQuery, как в общем-то и профессию верстальщика .