Все о Frontend-разработке за 15 минут

Онлайн-курс "Фронтенд-разработчик с нуля":
👉 wiki.merionet.ru/merion-acade...
Лягушенок, ты наверняка слышал, что самый простой способ вкатиться в айти это либо стать тестировщиком, либо Frontend (фронтенд) разработчиком. Ну, кто такой тестировщик и чем он занимается мы уже рассказали, а сегодня потрем немного про фронтендеров: кто они, чем занимаются и что им нужно знать.
Merion Academy - платформа доступного IT образования ❤️
wiki.merionet.ru/merion-academy
Наш Telegram канал:
t.me/it_knowledge_base
Креатив и анимация:
/ cine.vibe
#frontend #фронтенд #html

[@ilyamaker2.094]

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

[@rasta7525]

Что такое фреймворк?

[@merionacademy]

Капибара

[@ilyamaker2.094]

@@merionacademy знаем)

[@neadvacat]

@@rasta7525 рамка рабочая

[@mishabrowin9976]

Легушата ждут видео про back-end

[@ruden6623]

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

[@rimashi1089]

​@@ruden6623все просто, пхп не берём, остальное по хотелкам и знаниям)

[@commanderx4704]

​@@ruden6623в фронтенде прям легко

[@user-ux7nf9qk4m]

У вас офигенные видео, всё понятно и просто. Жалко, что видео выходят редко. Но я понимаю, что это огромный труд. Спасибо Вам за контент ❤

[@maxsam5741]

Огромная благодарность за ваш титанический труд! Вас интересно смотреть и очень доступно объясняете

[@valeriivolkov_ua]

Про ноду - ДА! Жду видос! И про реакт - пушка!

[@szapsis]

Спасибо большое за ваш труд!

[@NaZyUxA]

Огромное спасибо! Очень круто))

[@jojobliz]

Продолжай в том же духе! У тебя отлично получается!

[@sergeinerobeev3501]

Спасибо! Как всегда на самом высоком уровне смотребельности и информативности!👍

[@merionacademy]

Ура, держим марку! Будем рады, если подпишитесь на нас 😎

[@sergeinerobeev3501]

Я один из первых ваших подписчиков😊

[@xojiakbartoshpolatov469]

Спасибо за контент вы самые лучшие !

[@notgulzara]

Вы самый лучший !! Благодаря вам я стала лучше понимать !❤

[@merionacademy]

Вам спасибо за приятные слова! Если подпишитесь, поставите лайк и покажете это видео друзьям, мы станем чуточку счастливее 🙂

[@ITkelechek]

У вас офигенные видео, всё понятно и просто.

[@rustam_webdesigner]

Надеюсь в будущем планируется лайтовый плейлист на канале с обучением по верстке сайтов или фронту :)

[@excommunnicado_]

Честно говоря для меня стало открытием, что на JS можно писать десктопные приложения) Спасибо, узнал что то новое сегодня. Видос про ноду просто обязательно нужен, лягушата 🐸

[@eloh1mZ]

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

[@user-bo7yz7wb1h]

Можно, но не нужно :) Я как пользователь искренне не понимаю зачем мне устанавливать программу, если она работает так же топорно как и веб приложение

[@rykit]

​@@user-bo7yz7wb1hты не заметишь разницы. Дискорд например написан на вебе и многие другие приложения

[@Traineratwot]

@@user-bo7yz7wb1h Можно и нужно, Я как разработчик не хочу изучать с++, с#, алгоритмы, молитвы сатане и прочую ересь чтобы сделать приложение которое только на винде запуститься и будет выглядеть как хрень из 2000. Лучше просто запихнуть свой сайтик в exe и радоваться ))

[@DenysHona]

​@@user-bo7yz7wb1hПриложения на electron работают нормально, единственный существенный минус - они потребляют много оперативной памяти, по сравнению с нативными решениями.

[@Resaw0]

13:00 Flutter никак не относится к JS, это фреймворк для языка Dart

[@atass9994]

Что ж, 15 минут полезной информации

[@mishabrowin9976]

Как обычно

[@Shade063]

Спасибо за труды🎉, про НОДУ обязательно ждëмс 😊

[@merionacademy]

А мы обязательно ждём вашу подписку) Про ноду - будет!

[@strelokking9496]

Спасибо за информацию ❤

[@name_deor]

Чётко объяснил удачи с развитием сам по себе я фронтенд разраб по приколу зашёл посмотреть а оказывается есть что я не знаю о js;)

[@Artemis.K1]

приятный голос рассказчика, все понятно

[@user-vi2gu9hg9c]

Thank you so much for your lesson.

[@user-qs5jh7dy3p]

Ждём видева про node и backend

[@azot4680]

Спасибо. Теперь понятно что за фронтенд такой. Подписка лайк :3

[@vmike72]

Прикольное упоминание комплюктера! )

[@flaaameee]

Видос кайф, спасибо

[@tigergenom]

Можете рассказать про тех.писателей, тоже в какой то мере IT профессия, да и видос классный можно сделать =)

[@user-hm1oc9ze2h]

Крутой видос, спасибо за проделанную работу. Ждём видос про React.

[@hermes09]

Js не объектно ориентированный, он может быть таким если так пишет кодер, но точно также он может быть функциональным. В js нет определённой обязательной парадигмы (как в с++ или haskell)

[@RainbowForDC]

А какой шрифт вы используете в видосе? Классный такой)

[@user-wc7op4eb9s]

Вы крутые!!!

[@edilks5700]

теперь ждем видео про Backend

[@farmpk8214]

про js, Изначально язык назывался Mocha, затем появился термин Livescript

[@EugnR]

Да, теперь обязательно нужен бэк-енд

[@nero-je9ni]

12:13 немного побуду душнилой, но как раз таки в случае использования ноды надо будет переписывать приложуху) а подключая какой нибудь условный php можно просто в существующем js дописать запрос

[@user-ql4xu5qu2u]

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

[@dk63646]

2:55 думаю не совсем корректное утверждение, размещение элементов производится с помощью CSS, например свойство display: flex; и тому подобное.

[@excelenbround]

Лучше бы молчал

[@user-gr4zi1wv1r]

super gemacht!!! wie immer

[@merionacademy]

Vielen Dank!

[@OleG2e]

Сделайте видео по Swarm. Что это такое и его сравнение с Kubernetes

[@Ani_mo69]

давай еще про back-end )

[@merionacademy]

а можт и дадим, а вы подпишитесь, чтоб не пропустить)

[@user-vo2mn4lv2v]

А что за музыка в роликах используется? можете подсказать?

[@partizan37]

Заебись видео❤

[@ruria_coda]

Фреймворки имеет в себе библиотеки, компиляторы, средства и дюжину скриптов и т.д для упрощения работы программисту. А библиотеки это библиотеки}

[@Eliafan]

нужен видос про ноду

[@myexcelentchannel]

О круто

[@thedeepestindigo]

По сути React ближе к фреймворку, тк он представляет собой не только систему компонентов, с помощью React можно управлять состоянием компонента, маршрутизацией, ещё есть такая интересная штука как Context API. С помощью него передаются данные через компоненты без передачи через пропсы

[@azabroflovski]

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

[@EStepan0v]

У img есть закрывающий тэг. Это он сам. По идее должно быть А можно и

[@user-ck4ev7jp8e]

typescripr на бекенде давайте видео!

[@romg7636]

Можите, пожалуйста, так-же как и про Java и Python, про c++ рассказать?

[@merionacademy]

А уже есть на 2 из 3 🙂 поищите на нашем канале!

[@kennymccormick9103]

Нужно видео про Ноду. Пжалста)

[@merionacademy]

Будет, куда деваться 🙂

[@confogam]

14:28 я на этом моменте начал зевать, вот так совпадение😅

[@user-vi2gu9hg9c]

Nodc очень хочется описание

[@Binchiling...]

можете сделать про бек?

[@merionacademy]

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

[@Markeldo]

байт на лайк и подписку офигенный ))

[@osada4367]

Нужен видос про nodeJs

[@V0icez]

Давайте про ноде

[@user-jj3bt2rk7e]

Вашему мемологу нужно срочно премию

[@ITkelechek]

😍

[@user-lp2cp9vy7q]

Библиотека это набор дополнительных функций , а Фреймворк это структурирование и упрощение кода

[@merionacademy]

А вы не промах!

[@merionacademy]

Онлайн-курс "Фронтенд-разработчик с нуля". Делали с душой, тебе понравится! 👉wiki.merionet.ru/merion-academy/courses/frontend-razrabotchik-s-nulya/?YT&

[@barionnaki3749]

Получается можно учить бэкэнд и на JS? Необязательно на Пайтоне?

[@pechenkis5599]

Ну да, если ничем не интересоваться, и не читать, тогда да, в мире кроме пайтона ничем не можно бек писать…

[@alexeysamoilik6481]

Бекенд может быть написан на многих языках. JS, PHP, Java, GO и т.д. Всё выбирается исключительно из потребностей компании

[@merionacademy]

Извините за оффтоп, но какие хинкали вы больше всего любите? Варенье или жареные? С грибочками или мясом?

[@THEBIGMISHA_OFFICIAL]

4:55, что за сайт?

[@deffrainforge1239]

Такой вопрос: фронту нужен линукс или можно в крайнем случаи обойтись wsl2?

[@navi4046]

Зачем тебе линукс для фронт энда

[@antonushakov1329]

А где видео про React?

[@volfram88]

то, что тут рассказали за 15 минут, я 1,5 месяца изучал в скилфектори.

[@merionacademy]

😌

[@user-gs1si5jz3f]

Стоит брать курсы?

[@volfram88]

@@user-gs1si5jz3f за фулл прайс точно нет

[@SiziyGolubGD]

Ждём бэк энд

[@user-lt9ci5sb4m]

А нафига центрировать див. Есть же flexbox

[@Ne_Fistashkin]

когда выйдет видео про ISO?

[@merionacademy]

а это что?

[@maksuchiha]

p - параграф 👍

[@user-QwE1]

Можно еще быстрее

[@merionacademy]

Это вам к Эминему

[@user-mb1kn6vm2q]

Нужен видос про ноду

[@merionacademy]

Сделаем, подпишитесь, чтоб не пропустить)

[@user-mb1kn6vm2q]

@@merionacademy Спасибо за обратную связь, уже подписан)

[@egorich5821]

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

[@egorich5821]

Образно говоря расставляет это все по полочкам

[@ltmte]

Всё видео интересно до фразы "Приходи на наши курсы". Дальше закрываю вкладку

[@merionacademy]

Ну, закрываете и закрываете, ничего страшного! Удачи в поисках подходящего вам контента 😉

[@Max-he9hl]

все просто: библиотеки - встраеваемые, фреймворки - собираемые

[@w01fer86]

Лайк от дружочка-пирожочка!

[@mango-milkshake]

Ставим классы, если тоже не можете найти работу фронтом уже больше 5 месяцев 🎉

[@BRooBooot]

Сочувствую! Сколько откликов сделал за 5 месяцев?

[@mango-milkshake]

@@BRooBooot 199

[@alexeysamoilik6481]

Эх, а я PHP-разработчик, который без опыта нашёл себе работаю с первого собеседования с помощью 3-х откликов. Контракт на 2 года, хороший оффер. А говорят, что PHP умирает 😅😅😅

[@mango-milkshake]

@@alexeysamoilik6481 Зря я забивал на прокачку удачи, надо пофиксить

[@BRooBooot]

@@mango-milkshake У меня примерно такой же темп был, даже чуть медленнее, я примерно 30 откликов в месяц делал У меня не получалось делать больше откликов, потому что на каждый результативный отклик, то есть тот отклик, после которого продолжается хоть какая-то переписка с HR (у меня таких откликов было 10%), мне присылали тестовое задание, на выполнение которого уходило от трех дней до недели К слову, ты выполняешь такие задания или скипаешь работодателей со сложными заданиями? Если скипаешь, то я могу тебя заверить, что дело именно в этом

[@Sasha_channel_]

Погонять гусей, разбогатеть на крипте😂 ...

[@sergey.k]

Дмитрий Федин - с многолетним опытом разработки... Честно говоря картинка не совпадает с текстом, или у вас многолетний опыт это лет пять? парню же года 22 максимум :)

[@No99no]

2:50 показали пример буквально на самом худшем сайте в мире😂

[@gangstachel3472]

Библиотеку имеешь ты, а фреймворк имеет тебя. Это в целом всё описывает.

[@merionacademy]

ну вы реально гэнгста!

[@sfxscvrfzxt]

Советую не смотреть это дело Штмл говорит о содержании страницы, а не "где и как расположены элементы" За где и как отвечает ксс

[@DreamingDolphing]

Просто копируйте скриншот кода из редактора vs code. Текст без цветовой дифференциации воспринимать невозможно, это как просто вставлять рисунок текста из Ворда.

[@kartograferus]

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

[@DreamingDolphing]

​@@kartograferusОкстись, дед. Сейчас подсветка кода даже в редакторе vim есть и без неё никто программировать не садится (кроме мазохистов).

[@kartograferus]

@@DreamingDolphing и?

[@ya_jud]

@@kartograferusмазохист ты А логика простая: С помощью цветов легче ориентироваться в коде. Проще говоря - глаз цепляется.

[@kartograferus]

@@ya_jud спасибо, набежали люди, которые в первом моем комменте не прочитали иронию (что, даже словосочетание "истинные чады" на это не намекнуло?), а теперь мне доказывают простые истины. Мой настоящий посыл - прочитать ПАРУ строчек кода вполне легко даже без цвета, цвет нужен для массивных конструкций. Если вы эту единственную пару строчек без всего остального не можете прочитать, то не представляю, с какой скоростью черепахи вы смотрите даже с цветом код и разбираетесь. Уж сорян

[@stepa36]

Ждём nodejs

[@merionacademy]

Подпишитесь, чтоб не пропустить)

[@user-my9mu5md8s]

Даже когда позорно слышать что путь которую ты выбрал называют самой легкой 😢

[@user-os3sn6gw1x]

Ставь лайк если тоже на 80% Какаши

[@Fl1nt007]

Все шо я понял енто слово камплюктер

[@merionacademy]

Получается, что вы компьютерщик уже

[@CheckTime]

7:37 Я дико извиняюсь, но такие люди в МТС никогда не работали и не работают, по крайне мере официально :) UPD: Работает. Просто только купили вебинар, новая структура для МТС, ещё не все в общей базе.

[@w01fer86]

+1. И человек, который "Преподаватель курсов по Веб-разработке в множестве онлайн-академий", не гуглится нигде кроме мерион академи и профиля на хабре (с двумя комментами).

[@merionacademy]

Спасибо за ваши комментарии, ребята! Извините, но кажется все гуглится, хотя точнее, ищется в Яндекс, по крайней мере мы после вашего комментария поискали, и все нашли! Вот вам небольшой ребус названий онлайн школ (так как мы не можем кидать ссылки на другие курсы других школ), в который Дмитрий принимал участие в создании курсов: 1. Сеть (англ) + О + Логика (первые 3 буквы) + Ослик из Винни Пуха 2. Горизонтальное рангоутное дерево + мозг (англ)

[@merionacademy]

Что касается работы в МТС, то довольно удивительно, как вы имеете доступ к кадровой базе всех 47 компаний и 51 проекта холдинга МТС 😉 мы переговорили с HR из одного известного зеленого банка, который отличается аналогичной распределенной структурой работы (с точки зрения орг структуры), и она подтвердила, что такое знание невозможно - многие компании и их кадровые, структурные, финансовые и прочие показатели просто физически изолированы друг от друга. Вероятно, вы работаете в одной из компаний, и да, возможно, конкретно в вашей структуре Дмитрий не работал 🙂

[@CheckTime]

Причем здесь зелёный банк вообще? За ребус респект! Я без претензий, но... В 2019 году Федин Дмитрий 2001 г.р. из Новгорода объявляет себя в сети интернет как Junior FrontEnd, а в 2023 уже техлид?

[@merionacademy]

Да нет, у вас точно не доступа к кадровой базе всего холдинга. Опять же, на уровне бизнес юнита вы можете что то посмотреть на корпоративном портале, но не далее. Простите, так не бывает даже на C- level уровне. Мы не первый год в индустрии - знаем, что говорим 🙂 Что касается вашей оценки Дмитрия - если для вас место рождения человека и какая-то еще информация в интернет является фактором, на базе которой вы сложили впечатление о его экспертности - мы с этим не можем согласиться. Всем мы советуем пройти бесплатный вводный урок, оценить манеру подачи Дмитрия, ясность объяснений, возможность приводить классные цепляющие метафоры, голос, оборудование и профессионализм самостоятельно. Мы уверены в своих авторах 😉

[@derfion9529]

Комплюктера

[@merionacademy]

Кампуляктер

[@user-zy7ug4sl6z]

⁸⁸

[@Goodman-tz5ms]

Куплю гараж

[@borismoiseev8456]

А разве flutter не фреймворк языка dart?

[@nightsqres]

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

[@merionacademy]

Ждем от вас новости о создании собственного стартапа

[@LLuKKen]

Про js вообще ниуя не понятно...

[@dondragon6949]

ну мобильные технологии)))) ну не надо гнать мы шо в нулевых??? wap помер}!!!

[@user-vi2gu9hg9c]

Это одно и тоже

[@KupitmanZ]

Я съел деда!

[@ivanzelentsov2397]

Блевушонок, кринжанул с первой же строчки и вышел

[@merionacademy]

Без проблем! удачи в нахождении подходящего контента! 🙂

[@Kepasa0806]

Вот ищу подходящие курсы на 33 году решил стать фронтенд разработчиком ,и если честно столкнулся с тем что незнаю какую «школу» выбрать. Самообучаться на начальной стадии не по мне я просто не знаю с чего начать ,но задав правильный вектор я думаю потом врядли слезу с этой сферы

[@merionacademy]

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

[@Kepasa0806]

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

[@merionacademy]

Успехов вам!)

[@zezyx]

Нужен видос про ноду

[@merionacademy]

👌

[@user-lk1pr6sw1n]

Нужен видос про ноду

[@merionacademy]

Или не нужен?

[@user-lk1pr6sw1n]

​@@merionacademyнужен 🎉