Новый быстрый красивый Angular 17

  Рет қаралды 17,846

Миша Ларченко

Миша Ларченко

Күн бұрын

Вышла новая 17-я версия javascript-фреймворка Angular. Я расскажу вам в этом видео, что там нового и интересного для программистов и пользователей.
Таймкоды:
00:00 Вступление
00:35 Новый брендинг Angular
00:57 Ключевые изменения
01:14 SSR (server-side rendering) и Hydration
03:13 Скорость
05:12 Заключение
НЕТ ВОЙНЕ!
Выразить благодарность
ko-fi.com/larchanka
boosty.to/larchanka
yoomoney.ru/to/410011886858328
BTC: 127J5x79L9bb7T4jiYJ2U7jHNDLXEx4kT3
USDT (TRC20): TWRQit8o1JJGWjAph3DZFysygUxSwqiq9Q
TON: UQBDiFGDTLpp1zWLefv0LnH9TbEeUIcPSoO5uDNwhzktKP33
Как я стал программистом
• КАК Я СТАЛ ПРОГРАММИСТОМ
Как я переехал в Европу
• Как я переехал в Европу
Стрим: Карьера программиста
• Карьера программиста: ...
VPN, который я использую
surfshark.club/friend/fUXc3NQd
➡️ Сайт: i.mobila.name/xT
➡️ Instagram: i.mobila.name/yp
➡️ Twitter: i.mobila.name/Ua
➡️ Telegram: i.mobila.name/b7d
👉🏻 Больше влогов здесь:
#larchankavlog #larchanka
👉🏻 Ежедневные влоги:
#larchankadaily
👉🏻 Чем я снимаю:
➡️ iPhone 14 Pro
➡️ Камера: Canon EOS 200D ya.cc/Ps7fY
➡️ Широкоугольный объектив: Canon EF-S 10-18
➡️ Еще одна камера: DJi Osmo Action
➡️ Еще одна камера: Sony DSC-WX500
➡️ И еще одна: SJCam SJ6 Legend
➡️ Микрофон: Rode Video
➡️ Штатив: Joby Gorillapod ya.cc/Ps7iP
Музыка:
Slam Dunk - FLYIN

Пікірлер: 75
@user-wv2mu1lo4s
@user-wv2mu1lo4s 8 ай бұрын
Задний фон великолепен! Камин как настоящий!
@Okh-dr9sj
@Okh-dr9sj 3 ай бұрын
Спасибо большое, всё очень понятно, искала видео об Ангуляр, но так и не поняла о чем они там. А здесь всё очень понятно
@user-uo8jd7ys2x
@user-uo8jd7ys2x 8 ай бұрын
Подскажите как сделать так, что у меня выделялась другим цветом логика в шаблоне, которая начинается с @if и тд...может какое-то расширение есть?
@Elnur11081990
@Elnur11081990 2 ай бұрын
я, десять лет использующий Ангуляр... гидрация только появилась? чоо, я без проблем юзал его ещё лет 5-6 назад... в angular universal...
@alexanderkomanov4151
@alexanderkomanov4151 8 ай бұрын
THANKS!
@igorbond2823
@igorbond2823 7 ай бұрын
мне наоборот больше нравится старый синтаксис ngIf, он более логичный с точки зрения html, а так получается js вперемешку с html.
@alexberger1830
@alexberger1830 8 ай бұрын
superr MISHA!!!
@fromillia
@fromillia 8 ай бұрын
Так что, в современном вэбе какая-нибудь пыха или ещё что-то на сервере + вью какой-нибудь чисто для фронта уже вообще не котируется?
@ivantereshkov7909
@ivantereshkov7909 4 ай бұрын
Катируется конечно. Вопрос в задачах. Если сделать что-то простое - велком. Если приложение нагруженное и со сложной логикой - привет привет. А если ещё и бэк с серьёзной логикой - пока пока пыха
@glebolas007
@glebolas007 4 ай бұрын
Самый минус ангуляра это то что его до сих пор многие с первой версией путают
@andykrivovjas9256
@andykrivovjas9256 8 ай бұрын
Очень давно не работал с Angular, но еще тогда уже была поддержка ssr. И называлось это Angular Universal. Точную дату релиза не помню, но по моему в 2017 году он уже был.
@KEFERIXD
@KEFERIXD 8 ай бұрын
Ssr был, а гидрации не было. То есть клиент рендерил заново уже отрендеренный рендеррр
@HEX_CAT
@HEX_CAT 8 ай бұрын
❤❤❤🎉🎉🎉
@Amelin1207
@Amelin1207 8 ай бұрын
ssr это конечно круто, но для этого нужен нормальный сервер, думаю даже лучше выше среднего а вот isr, есть ли его поддержка в ангуляре?
@BlexJS
@BlexJS 8 ай бұрын
Angular обычно используется на больших ентерпрайс проектах, думаю у них деньги найдутся А про isr, даже если поддержки фреймворком сейчас нет, ты всё ещё можешь настроить кэш через тот же редис
@superduper1211
@superduper1211 8 ай бұрын
Автор забыл сказать что начиная с 8й версии ангулар, его очень не сложно апдейтить на последнюю версию.
@PavelWest
@PavelWest 8 ай бұрын
Скорее сложно апдейтить сторонние либы, но если авторы либ позаботились о переходе на IVY, то проблем будет меньше. Ну а так, если сможете до 12 апгрейднутся, то должно быть проще потом
@Alex-ov9eo
@Alex-ov9eo 7 ай бұрын
при условии что нет перехода на стриктмод тайпскрипта, сейчас вот решили подрубить перед грядущей обновой с 12 версии и получили почти 2к ошибок
@serious_psychologist
@serious_psychologist 8 ай бұрын
раньше когда только начал изучать 1 версию Ангуляра, потом появилась вторая. Я такой что? мне сейчас что переписывать приложение под вторую? нахер оно надо))) ушел в сторону RactiveJS делал проект на нем, а сейчас React по нумерации обогнал Andgular 8-) другой мой любимый фреймворк RiotJS тоже убежал, а ты такой, что? а вот это, что я уже сделал? переписывать? в общем тенденцию я понимаю, микросервисы, микрофреймворки, чтобы следующий свой проект делать на новой версии, старая пусть и так работает. Но с большими монстрами что делать?!?!? )
@DoggerProgger
@DoggerProgger 8 ай бұрын
Лол, я буквально завтра иду на митап по ангуляру
@olegivanov6163
@olegivanov6163 8 ай бұрын
"Когда деревья были большими" client-side render мы встречали, аки нечто леворлюционное, хотя, скорее, естественно-эволюционное. И кудоть, жешь, Мир-то катится, сынки?
@savchenkoilliya9131
@savchenkoilliya9131 8 ай бұрын
Я конечно не эксперт, но ssr в чистом реакте нет и для этого юзают фреймы типа некста
@ssurrokk
@ssurrokk 8 ай бұрын
гидрация или гидратация, как правильно?
@ukrainetoday960
@ukrainetoday960 8 ай бұрын
Вы видимо не знакомы с Astro+Qwik или со Svelte
@q3articus
@q3articus 8 ай бұрын
а вы юморист однако))
@zenter3050
@zenter3050 8 ай бұрын
Больше 6 лет разработки только на ангуляре, и все конечно круто, но уже реакт в головах бизнеса и людей. Сейчас вакансий на реакт х3/х4 если сравнивать с ангуляром. Поздно все було все ето сделано. Надо бло раньше.
@savchenkoilliya9131
@savchenkoilliya9131 8 ай бұрын
смотря где
@user-uo8jd7ys2x
@user-uo8jd7ys2x 8 ай бұрын
так на реакте и откликов на работу в 4 раза больше
@Alex-ov9eo
@Alex-ov9eo 7 ай бұрын
Но работу искать проще, ангулярщиков мало. С руками и ногами гребут
@linatroshka
@linatroshka 8 ай бұрын
Могу ошибаться, но на картинке для иллюстрации того, что ты делал в 2015, указан AngularJS, который базируется на JS. А современный Angular нечто совсем другое, самое главное что он использует TypeScript. Короче, Angular 17 не имеет отношения к AngularJS. Так что это видео как-то странно мне легло...
@Stas-ir3gh
@Stas-ir3gh 8 ай бұрын
А тс это не на джсе😂 базируется.....
@linatroshka
@linatroshka 8 ай бұрын
@@Stas-ir3gh у наших фронтендеров, пишущих на Ts, глаз дергается при упоминании JS с его динамической типизацией. Ясно, что Ts и Js родственники. Что не обменяет того факта, что Angular и AngularJS - это разные вещи
@BlexJS
@BlexJS 8 ай бұрын
​@@linatroshka Вам бы в офис психолога нанять. ts лишь надстройка над js, которая влияет исключительно на процесс написания кода. От ts после компиляции выживают лишь енамы, которые превращаются в обычные объекты. Это значит, что вся твоя статическая типизация остаётся у тебя в ide, от ошибок в рантайме это не спасет
@user-sm5mk3eh8u
@user-sm5mk3eh8u 8 ай бұрын
в ангуляре js там тоже все на тс уже давно:))) @@linatroshka
@pkorneev5226
@pkorneev5226 8 ай бұрын
какая же духота, вот прям максимальнейшая, вот реально аж противно@@linatroshka
@aleksandr_anp
@aleksandr_anp 8 ай бұрын
Внезапно. Давно относился к Angular как к Java. Нечто, что на монструозных проектах
@Alex-ov9eo
@Alex-ov9eo 7 ай бұрын
На нем чаще корпоративщину пишут, но я писал и небольшое приложение для доставки еды и всякие личные кабинеты клиентов, всякое встречается
@syberyHeart
@syberyHeart 8 ай бұрын
А у меня как то перегорело что ли программирование ((отучился в Geekbrains 1,5 года на разработчика инженера и за это время изучил 9 языков ,теперь каша в голове и не знаю надо ли мне это уже ((((
@blazheiko777
@blazheiko777 8 ай бұрын
не так важны языки как знание технологий и практика в решении задач, я начал писать приложение на фреймворке Laravel не зная php на котором он написан, но читая документацию и решая задачу знания и практика набирается очень быстро
@uszakow
@uszakow 8 ай бұрын
Не изучай языки, пиши проекты. Язык это только инструмент. И на самом деле вряд ли кому надо знать 9 языков. Лично мне хватает одного JS + TS
@user-uy9zy1gy8b
@user-uy9zy1gy8b 8 ай бұрын
Дякую 👍 Це чудова відеоілюстрація того, що зараз у Angular розробці.
@AlbertCartel
@AlbertCartel 8 ай бұрын
Тот случай когда изучаешь пхп, и бутстрап это твой максимум... 🙆‍♂️
@Stas-ir3gh
@Stas-ir3gh 8 ай бұрын
Так пхп это к чему сейчас всё вернулось, рендеринг на сервере (ssr), пишем логику в шаблоне (jsx), по сути возвращение ко тому с чего начали.
@andrejaga3003
@andrejaga3003 8 ай бұрын
Ну, в фронтенде нативный JS и какой-то фреймворк -- это примерно как сравнивать PHP с каким-нибудь популярным движком, написанным на PHP, типа Wordpress. Модно, молодежно, сокращает время разработки, но по-сути в абсолютном большинстве случаев оправдание безрукости. Никто не мешает вам создавать свои движки под конкретные задачи и не гнаться за модой. Засилье таких фреймворков стало прям эпидемией какой-то. Криворукие выпускники экспресс-курсов даже одностраничные лендинги на нем делают, что, ИМХО, дикость дичайшая, но сейчас уже как норма рассматривается.
@Alex-ov9eo
@Alex-ov9eo 7 ай бұрын
​@@andrejaga3003 что ж за задачи должны быть, где фреймворк рассматривается исключительно как хайп и писк моды. И сокращение времени разработки (и существенное облегчение поддержки) это оправдание безрукости? Эти утверждения видимо основаны на лабораторных работах в универе
@andrejaga3003
@andrejaga3003 7 ай бұрын
@@Alex-ov9eo Регулярно беру на переделку поделки на реакте. Потому что индексация практически нулевая, раскрутка только за счет покупки места в выдачи, что очень дорого. Если сайт смотрят в промзоне или в сельской местности -- тормоза с загрузкой абсолютно неприемлемы. Многостраничный сайт с выносом части кода в простые js, которые прекрасно буферизуются -- на мой взгляд на порядок лучший подход, чем городить шапито с реактом. И потом, такой сайт можно поставить на обычном хостинге, а если он и статичный, то на некоторых хостингах можноеще больше снизить плату, вплоть до 30 руб в месяц. Вообще, реактомания -- это какое-то массовое помешательство, ИМХО. Еще в начале 2000 практиковал оформление корзины через общение фреймов. Все можно сделать проще и надежнее, нужны только голова и руки. Не надо гнаться за модой.
@maxleo3374
@maxleo3374 2 ай бұрын
@@Stas-ir3gh я пхпшник вот думаю в чем прикол, если рендеринг на сервере был уже лет 30 назад
@mlr__roal_6867
@mlr__roal_6867 8 ай бұрын
Миша, сними пожалуйста видос об эффекте травы Освоем опыте употребления. Расширяет ли сознание? Помогает ли находить новые идеи, как прогается под травой итд
@EvgenyIvchenko
@EvgenyIvchenko 8 ай бұрын
ты ошибся каналом, дружище)
@mlr__roal_6867
@mlr__roal_6867 8 ай бұрын
@@EvgenyIvchenko нет. просто мне известно что Миша в айтишных кругах славится своим растаманством.
@EvgenyIvchenko
@EvgenyIvchenko 8 ай бұрын
@@mlr__roal_6867 я догадался, но по-моему, канал смотрят в большинстве своём люди, которые нацелены на релокацию в Европу и интересуются IT сферой
@Roman-ew2tu
@Roman-ew2tu 8 ай бұрын
​@@mlr__roal_6867Миша работу не начинает пока не взрвёт косяк
@Roman-ew2tu
@Roman-ew2tu 8 ай бұрын
@@3uhAhn класс! Я хочу начать покуривать, только у нас это нелегально( хоть в Тайланд езжай
@TarasZakharchenko
@TarasZakharchenko 8 ай бұрын
Серверсайд рендеринг? Это зумеры изобрели интернет 90х?
@maxleo3374
@maxleo3374 2 ай бұрын
та да реально ржу. я на пыхе с 2008 года и вот наконец до этого дошли жабаскриптёры ))
@user-on9th4lj3i
@user-on9th4lj3i 5 ай бұрын
Идею нового синтаксиса @if/@foreach - взяли у Blazor. Кто писал на ASP, те узнают )
@armenbabayan1458
@armenbabayan1458 25 күн бұрын
точно
@serious_psychologist
@serious_psychologist 8 ай бұрын
что *лять? я начал писать на Preact'е потому что он маленький и быстрее чем основной реакт а с Vue ушел, потому что он тормоз, а тут что за херня? все переменялось? 8-\\\ ахренеть!
@sovaz1997
@sovaz1997 8 ай бұрын
Как вы умудряетесь упереться в производительность фреймворка, я не понимаю! На любом фреймворка можно написать приложение, которое будет быстро работать, если не делать бутылочных горлышек. Точно также можно на любом фреймворка написать тормозное приложение 1) Не вижу смысла уходить с экосистемы фреймворка из большой тройки. Потому что хоть и можно получить выигрыш по производительности, но потерять в экосистеме; 2) Писать лучше на том, что лучше всего знаете, если это не обучение
@serious_psychologist
@serious_psychologist 8 ай бұрын
@@sovaz1997 я не упираюсь, когда упрешься уже поздно будет ) как бы когда смотришь на тесты производительности страницы, понятно что если на голую страницу навесить просто фреймворк все нормально будет, но на странице много всего, и она должна быть в зеленой зоне чтобы понравилось поисковикам, а в первую очередь чтобы быстро загружалась на телефонах пользователей. есть же тесты, с каждой милисикундой у тебя отваливаются покупатели. Поэтому производительность это не про упираться в потолок, это в мгновении когда у тебя открывается сайт и насколько быстро это происходит. Я это кстати очень сильно замечаю, например сравните два сайта mvideo и ozon, одним похер на производительность, у вторых страница показывается мгновенно, я прям завидую как у них это сделано, я пытаюсь, пыжусь ) но все равно не добиваюсь такого у себя на проекте. Но это действительно важно. По поводу тройки и остальных, я не думаю так как Вы, я смотрю разные фреймворки, разные языки, я их знаю и какие то где то использую. Во первых это дает гибкость. Ты используешь нужный инструмент там где это необходимо, а не натягиваешь сову на глобус. Во вторых это разные практики, ты из одной области в своей где прям работаешь можешь использовать какие то новые подходы, приемы, стратегии и вот это вот все.
@BlexJS
@BlexJS 8 ай бұрын
​​​​@@sovaz1997насчёт производительности фреймворка ты прав, 99% случаев - программист виноват, но с экосистемы всё же иногда приходится уходить из-за требований к проекту. Например скорость загрузки проекта, сколько бы ты не работал над билдом, не кэшировал страницы, всё равно в первую загрузку пользователю нужно загрузить тот же react. Поэтому для проектов которым чрезвычайно важна скорость первой загрузки, есть смысл переходить на preact, примером могу привести гэмблинг индустрию
@Stas-ir3gh
@Stas-ir3gh 8 ай бұрын
Видео не о чём естественно, автор как всегда....
@agnia.starovoitova
@agnia.starovoitova 8 ай бұрын
Этот канал не позиционирует себя как обучающий, странно искать здесь глубокие смыслы 😂
@AxelMcAlen
@AxelMcAlen 7 ай бұрын
Вот джаваскриптисты прикольные. Сначала придумали SPA чтобы рендерить на клиенте, а теперь переизобрели php 😄 остановитесь уже 😆😆
@r32qwdfq
@r32qwdfq 8 ай бұрын
Главное из нового - это сигналы, остальное никому ненужное брюзжание.
@MaximLisyanskiy
@MaximLisyanskiy 7 ай бұрын
Какой бл.ть ВУ? Это Вью....
@gyros9162
@gyros9162 8 ай бұрын
Все равно не буду его учить, этот ваш Ангуляр
@user-xu8vc2xe3k
@user-xu8vc2xe3k 8 ай бұрын
Да не пиши ты "нет войне", надоело уже(
@BlexJS
@BlexJS 8 ай бұрын
🤡 невероятно надоело, особенно когда в тебя каждый день ракеты пускают
@user-uy9zy1gy8b
@user-uy9zy1gy8b 8 ай бұрын
А мені і моїм близьким війна зіпсувала життя. Я вдячний, що він так пише.
@user-xu8vc2xe3k
@user-xu8vc2xe3k 8 ай бұрын
Так надо было валить с украины, в чём проблема - в Польшу хотя бы или в Россию.@@user-uy9zy1gy8b
@vladimircreator
@vladimircreator 8 ай бұрын
Пусть путлер выведет свои войска, тогда и не будет писать "нет войне".
@uvwzyx
@uvwzyx 5 ай бұрын
сверху ржомба
Программисты не умеют программировать
8:34
Миша Ларченко
Рет қаралды 20 М.
WHAT’S THAT?
00:27
Natan por Aí
Рет қаралды 7 МЛН
ОСКАР vs БАДАБУМЧИК БОЙ!  УВЕЗЛИ на СКОРОЙ!
13:45
Бадабумчик
Рет қаралды 6 МЛН
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 4,8 МЛН
Cat Corn?! 🙀 #cat #cute #catlover
00:54
Stocat
Рет қаралды 15 МЛН
Angular 17 SSR - Angular Server Side Rendering in a New Way
13:54
Monsterlessons Academy
Рет қаралды 29 М.
Angular vs React in 2024 - Make a RIGHT Choice (Difference Explained)
9:51
Daniel Dan | Tech & Data
Рет қаралды 43 М.
Как понять Какой ты Программист?
16:24
Миша Ларченко
Рет қаралды 4,3 М.
Что нового в Angular 18? #angular
13:27
Даже и не стараюсь
Рет қаралды 1,7 М.
What's new in Angular v17
5:08
Angular
Рет қаралды 40 М.
WHAT’S THAT?
00:27
Natan por Aí
Рет қаралды 7 МЛН