Новый быстрый красивый Angular 17
Вышла новая 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
Задний фон великолепен! Камин как настоящий!
Спасибо большое, всё очень понятно, искала видео об Ангуляр, но так и не поняла о чем они там. А здесь всё очень понятно
THANKS!
superr MISHA!!!
❤❤❤🎉🎉🎉
мне наоборот больше нравится старый синтаксис ngIf, он более логичный с точки зрения html, а так получается js вперемешку с html.
я, десять лет использующий Ангуляр... гидрация только появилась? чоо, я без проблем юзал его ещё лет 5-6 назад... в angular universal...
Самый минус ангуляра это то что его до сих пор многие с первой версией путают
Подскажите как сделать так, что у меня выделялась другим цветом логика в шаблоне, которая начинается с @if и тд...может какое-то расширение есть?
Очень давно не работал с Angular, но еще тогда уже была поддержка ssr. И называлось это Angular Universal. Точную дату релиза не помню, но по моему в 2017 году он уже был.
@KEFERIXD
7 ай бұрын
Ssr был, а гидрации не было. То есть клиент рендерил заново уже отрендеренный рендеррр
Автор забыл сказать что начиная с 8й версии ангулар, его очень не сложно апдейтить на последнюю версию.
@PavelWest
7 ай бұрын
Скорее сложно апдейтить сторонние либы, но если авторы либ позаботились о переходе на IVY, то проблем будет меньше. Ну а так, если сможете до 12 апгрейднутся, то должно быть проще потом
@Alex-ov9eo
7 ай бұрын
при условии что нет перехода на стриктмод тайпскрипта, сейчас вот решили подрубить перед грядущей обновой с 12 версии и получили почти 2к ошибок
Лол, я буквально завтра иду на митап по ангуляру
Так что, в современном вэбе какая-нибудь пыха или ещё что-то на сервере + вью какой-нибудь чисто для фронта уже вообще не котируется?
@ivantereshkov7909
4 ай бұрын
Катируется конечно. Вопрос в задачах. Если сделать что-то простое - велком. Если приложение нагруженное и со сложной логикой - привет привет. А если ещё и бэк с серьёзной логикой - пока пока пыха
"Когда деревья были большими" client-side render мы встречали, аки нечто леворлюционное, хотя, скорее, естественно-эволюционное. И кудоть, жешь, Мир-то катится, сынки?
раньше когда только начал изучать 1 версию Ангуляра, потом появилась вторая. Я такой что? мне сейчас что переписывать приложение под вторую? нахер оно надо))) ушел в сторону RactiveJS делал проект на нем, а сейчас React по нумерации обогнал Andgular 8-) другой мой любимый фреймворк RiotJS тоже убежал, а ты такой, что? а вот это, что я уже сделал? переписывать? в общем тенденцию я понимаю, микросервисы, микрофреймворки, чтобы следующий свой проект делать на новой версии, старая пусть и так работает. Но с большими монстрами что делать?!?!? )
ssr это конечно круто, но для этого нужен нормальный сервер, думаю даже лучше выше среднего а вот isr, есть ли его поддержка в ангуляре?
@BlexJS
7 ай бұрын
Angular обычно используется на больших ентерпрайс проектах, думаю у них деньги найдутся А про isr, даже если поддержки фреймворком сейчас нет, ты всё ещё можешь настроить кэш через тот же редис
Внезапно. Давно относился к Angular как к Java. Нечто, что на монструозных проектах
@Alex-ov9eo
7 ай бұрын
На нем чаще корпоративщину пишут, но я писал и небольшое приложение для доставки еды и всякие личные кабинеты клиентов, всякое встречается
Больше 6 лет разработки только на ангуляре, и все конечно круто, но уже реакт в головах бизнеса и людей. Сейчас вакансий на реакт х3/х4 если сравнивать с ангуляром. Поздно все було все ето сделано. Надо бло раньше.
@savchenkoilliya9131
7 ай бұрын
смотря где
@user-uo8jd7ys2x
7 ай бұрын
так на реакте и откликов на работу в 4 раза больше
@Alex-ov9eo
7 ай бұрын
Но работу искать проще, ангулярщиков мало. С руками и ногами гребут
Я конечно не эксперт, но ssr в чистом реакте нет и для этого юзают фреймы типа некста
Миша, сними пожалуйста видос об эффекте травы Освоем опыте употребления. Расширяет ли сознание? Помогает ли находить новые идеи, как прогается под травой итд
@EvgenyIvchenko
7 ай бұрын
ты ошибся каналом, дружище)
@mlr__roal_6867
7 ай бұрын
@@EvgenyIvchenko нет. просто мне известно что Миша в айтишных кругах славится своим растаманством.
@EvgenyIvchenko
7 ай бұрын
@@mlr__roal_6867 я догадался, но по-моему, канал смотрят в большинстве своём люди, которые нацелены на релокацию в Европу и интересуются IT сферой
@Roman-ew2tu
7 ай бұрын
@@mlr__roal_6867Миша работу не начинает пока не взрвёт косяк
@Roman-ew2tu
7 ай бұрын
@@3uhAhn класс! Я хочу начать покуривать, только у нас это нелегально( хоть в Тайланд езжай
Вы видимо не знакомы с Astro+Qwik или со Svelte
@q3articus
7 ай бұрын
а вы юморист однако))
Могу ошибаться, но на картинке для иллюстрации того, что ты делал в 2015, указан AngularJS, который базируется на JS. А современный Angular нечто совсем другое, самое главное что он использует TypeScript. Короче, Angular 17 не имеет отношения к AngularJS. Так что это видео как-то странно мне легло...
@Stas-ir3gh
7 ай бұрын
А тс это не на джсе😂 базируется.....
@linatroshka
7 ай бұрын
@@Stas-ir3gh у наших фронтендеров, пишущих на Ts, глаз дергается при упоминании JS с его динамической типизацией. Ясно, что Ts и Js родственники. Что не обменяет того факта, что Angular и AngularJS - это разные вещи
@BlexJS
7 ай бұрын
@@linatroshka Вам бы в офис психолога нанять. ts лишь надстройка над js, которая влияет исключительно на процесс написания кода. От ts после компиляции выживают лишь енамы, которые превращаются в обычные объекты. Это значит, что вся твоя статическая типизация остаётся у тебя в ide, от ошибок в рантайме это не спасет
@user-sm5mk3eh8u
7 ай бұрын
в ангуляре js там тоже все на тс уже давно:))) @@linatroshka
@pkorneev5226
7 ай бұрын
какая же духота, вот прям максимальнейшая, вот реально аж противно@@linatroshka
Тот случай когда изучаешь пхп, и бутстрап это твой максимум... 🙆♂️
@Stas-ir3gh
7 ай бұрын
Так пхп это к чему сейчас всё вернулось, рендеринг на сервере (ssr), пишем логику в шаблоне (jsx), по сути возвращение ко тому с чего начали.
@andrejaga3003
7 ай бұрын
Ну, в фронтенде нативный JS и какой-то фреймворк -- это примерно как сравнивать PHP с каким-нибудь популярным движком, написанным на PHP, типа Wordpress. Модно, молодежно, сокращает время разработки, но по-сути в абсолютном большинстве случаев оправдание безрукости. Никто не мешает вам создавать свои движки под конкретные задачи и не гнаться за модой. Засилье таких фреймворков стало прям эпидемией какой-то. Криворукие выпускники экспресс-курсов даже одностраничные лендинги на нем делают, что, ИМХО, дикость дичайшая, но сейчас уже как норма рассматривается.
@Alex-ov9eo
7 ай бұрын
@@andrejaga3003 что ж за задачи должны быть, где фреймворк рассматривается исключительно как хайп и писк моды. И сокращение времени разработки (и существенное облегчение поддержки) это оправдание безрукости? Эти утверждения видимо основаны на лабораторных работах в универе
@andrejaga3003
7 ай бұрын
@@Alex-ov9eo Регулярно беру на переделку поделки на реакте. Потому что индексация практически нулевая, раскрутка только за счет покупки места в выдачи, что очень дорого. Если сайт смотрят в промзоне или в сельской местности -- тормоза с загрузкой абсолютно неприемлемы. Многостраничный сайт с выносом части кода в простые js, которые прекрасно буферизуются -- на мой взгляд на порядок лучший подход, чем городить шапито с реактом. И потом, такой сайт можно поставить на обычном хостинге, а если он и статичный, то на некоторых хостингах можноеще больше снизить плату, вплоть до 30 руб в месяц. Вообще, реактомания -- это какое-то массовое помешательство, ИМХО. Еще в начале 2000 практиковал оформление корзины через общение фреймов. Все можно сделать проще и надежнее, нужны только голова и руки. Не надо гнаться за модой.
@maxleo3374
Ай бұрын
@@Stas-ir3gh я пхпшник вот думаю в чем прикол, если рендеринг на сервере был уже лет 30 назад
Дякую 👍 Це чудова відеоілюстрація того, що зараз у Angular розробці.
А у меня как то перегорело что ли программирование ((отучился в Geekbrains 1,5 года на разработчика инженера и за это время изучил 9 языков ,теперь каша в голове и не знаю надо ли мне это уже ((((
@blazheiko777
7 ай бұрын
не так важны языки как знание технологий и практика в решении задач, я начал писать приложение на фреймворке Laravel не зная php на котором он написан, но читая документацию и решая задачу знания и практика набирается очень быстро
@uszakow
7 ай бұрын
Не изучай языки, пиши проекты. Язык это только инструмент. И на самом деле вряд ли кому надо знать 9 языков. Лично мне хватает одного JS + TS
Серверсайд рендеринг? Это зумеры изобрели интернет 90х?
@maxleo3374
Ай бұрын
та да реально ржу. я на пыхе с 2008 года и вот наконец до этого дошли жабаскриптёры ))
гидрация или гидратация, как правильно?
Видео не о чём естественно, автор как всегда....
@agnia.starovoitova
7 ай бұрын
Этот канал не позиционирует себя как обучающий, странно искать здесь глубокие смыслы 😂
что *лять? я начал писать на Preact'е потому что он маленький и быстрее чем основной реакт а с Vue ушел, потому что он тормоз, а тут что за херня? все переменялось? 8-\\\ ахренеть!
@sovaz1997
7 ай бұрын
Как вы умудряетесь упереться в производительность фреймворка, я не понимаю! На любом фреймворка можно написать приложение, которое будет быстро работать, если не делать бутылочных горлышек. Точно также можно на любом фреймворка написать тормозное приложение 1) Не вижу смысла уходить с экосистемы фреймворка из большой тройки. Потому что хоть и можно получить выигрыш по производительности, но потерять в экосистеме; 2) Писать лучше на том, что лучше всего знаете, если это не обучение
@serious_psychologist
7 ай бұрын
@@sovaz1997 я не упираюсь, когда упрешься уже поздно будет ) как бы когда смотришь на тесты производительности страницы, понятно что если на голую страницу навесить просто фреймворк все нормально будет, но на странице много всего, и она должна быть в зеленой зоне чтобы понравилось поисковикам, а в первую очередь чтобы быстро загружалась на телефонах пользователей. есть же тесты, с каждой милисикундой у тебя отваливаются покупатели. Поэтому производительность это не про упираться в потолок, это в мгновении когда у тебя открывается сайт и насколько быстро это происходит. Я это кстати очень сильно замечаю, например сравните два сайта mvideo и ozon, одним похер на производительность, у вторых страница показывается мгновенно, я прям завидую как у них это сделано, я пытаюсь, пыжусь ) но все равно не добиваюсь такого у себя на проекте. Но это действительно важно. По поводу тройки и остальных, я не думаю так как Вы, я смотрю разные фреймворки, разные языки, я их знаю и какие то где то использую. Во первых это дает гибкость. Ты используешь нужный инструмент там где это необходимо, а не натягиваешь сову на глобус. Во вторых это разные практики, ты из одной области в своей где прям работаешь можешь использовать какие то новые подходы, приемы, стратегии и вот это вот все.
@BlexJS
7 ай бұрын
@@sovaz1997насчёт производительности фреймворка ты прав, 99% случаев - программист виноват, но с экосистемы всё же иногда приходится уходить из-за требований к проекту. Например скорость загрузки проекта, сколько бы ты не работал над билдом, не кэшировал страницы, всё равно в первую загрузку пользователю нужно загрузить тот же react. Поэтому для проектов которым чрезвычайно важна скорость первой загрузки, есть смысл переходить на preact, примером могу привести гэмблинг индустрию
Вот джаваскриптисты прикольные. Сначала придумали SPA чтобы рендерить на клиенте, а теперь переизобрели php 😄 остановитесь уже 😆😆
Идею нового синтаксиса @if/@foreach - взяли у Blazor. Кто писал на ASP, те узнают )
@armenbabayan1458
5 күн бұрын
точно
Главное из нового - это сигналы, остальное никому ненужное брюзжание.
Какой бл.ть ВУ? Это Вью....
Все равно не буду его учить, этот ваш Ангуляр
Да не пиши ты "нет войне", надоело уже(
@BlexJS
7 ай бұрын
🤡 невероятно надоело, особенно когда в тебя каждый день ракеты пускают
@user-uy9zy1gy8b
7 ай бұрын
А мені і моїм близьким війна зіпсувала життя. Я вдячний, що він так пише.
@user-xu8vc2xe3k
7 ай бұрын
Так надо было валить с украины, в чём проблема - в Польшу хотя бы или в Россию.@@user-uy9zy1gy8b
@vladimircreator
7 ай бұрын
Пусть путлер выведет свои войска, тогда и не будет писать "нет войне".
@uvwzyx
4 ай бұрын
сверху ржомба