Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «angular» - 11
Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019)
2019-12-22 в 21:46, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендСтрогие правила для нового приложения на Angular
2019-12-21 в 12:23, admin, рубрики: angular, angular tslint prettier stylelintКак создать и настроить Angular проект с нуля
Короткое вступление
Очень часто я встречаю ситуацию когда проект настроен не достаточно строго в начале разработки и это является большой ошибкой, так как изменение настройки линтеров или включение дополнительных опций проверки типов тайпскрипта в будущем может быть настоящей болью для всей команды. Поэтому не совершайте эту частую ошибку и настраивайте свой проект максимально строго с самого начала.
Пролог
Поговорим о реактивных формах в angular, узнаем за кастомные контролы, как их создавать, использовать и валидировать. Статья предполагает что вы уже знакомы с фреймворком angular, но хотите больше погрузиться в её специфику. Хорошее желание, начнем.
Читать полностью »
5 вещей, которые я бы хотел знать, когда начинал использовать Angular
2019-12-17 в 13:01, admin, рубрики: angular, change detection, dependency injection, html, junior, template, testbed, TypeScript, Блог компании Tinkoff.ru, начинающим, Разработка веб-сайтов, тестирование, шаблонСовременный Angular — это мощный фреймворк с множеством возможностей, вместе с которыми приходят и сложные, на первый взгляд, концепции и механизмы. Особенно это заметно тем, кто только начал работу как во фронтэнде в принципе, так и с Angular в частности.
С этой же проблемой столкнулся и я, когда примерно два года назад пришел в Тинькофф на позицию Junior Frontend Developer и погрузился в мир Angular. Поэтому предлагаю вам короткий рассказ о пяти вещах, понимание которых очень облегчило бы мою работу на первых порах.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №393 (9 — 15 декабря 2019)
2019-12-15 в 21:15, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Делаем кроссплатформенное нативное десктоп приложение на Angular
2019-12-15 в 18:02, admin, рубрики: angular, electron, javascript, Разработка под Linux, Разработка под MacOS, разработка под windows
Как вы уже наверно знаете, Angular уже есть во многих платформах:
- Ionic (https://ionicframework.com/)
- NativeScript (https://www.nativescript.org/)
- NestJs (https://nestjs.com/)
- Universal (https://github.com/angular/universal)
- Platform-terminal, консольное приложение (https://github.com/Tibing/platform-terminal)
Ну и, конечно, здесь не хватало десктопа (не будем пока про Electron).
Создаем готовый для опенсорса проект на Angular в пару кликов
2019-12-09 в 11:31, admin, рубрики: angular, ci, coveralls, github, javascript, npm, open source, travis-ci, Блог компании Tinkoff.ruНедавно я публиковал статью о том, как быстро настраивать npm-пакеты перед публикацией в opensource. В ней я разобрал настройку версионирования, CI, построение воркфлоу и удобный деплой на страничку с демо. Все советы той статьи распространяются и на библиотеки Angular. Но все же специфика Ангуляра не позволит вам развернуться сходу.
С шестой версии Ангуляра мы используем Angular Workspaces. Это отличный инструмент для организации проекта, но он может добавить сложностей при его первичной настройке для опенсорса. Мы решили предусмотреть их и автоматизировать процесс.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №392 (2 — 8 декабря 2019)
2019-12-08 в 21:18, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Разработчик открыл бар для разработчиков и хостит там встречи по Angular, верстке, PHP
2019-12-05 в 8:55, admin, рубрики: angular, angular piter, beerphp, in100gramm, бар для разработчиков, Биографии гиков, Блог компании Skyeng, ит в петербурге, Разработка веб-сайтов, региональные сообщества, Управление сообществомДве недели назад Роман Ганин добавился в наш список PHP-сообществ и тех, кто готов их поддерживать, а на днях в его баре прошла очередная встреча местной ячейки BeerPHP. Более того, вот уже пару месяцев он предоставляет заведение для встреч по Angular, CSS и не только.
Мы расспросили Рому, как совмещать управление заведением с основной работой в ИТ, показать караоке для настоящих программистов (пример под катом), рассказать про бармена, пишущего на Cobol, и другого необычного о жизни питерских айтишников после заката. Вот что получилось.
Читать полностью »
Dap — еще один реактивный движок для веба. Совсем другой
2019-12-02 в 9:58, admin, рубрики: ajax, angular, html, javascript, React, reactive programming, vue, веб-дизайн, ПрограммированиеХочу рассказать про dap — интересный и необычный язык реактивных правил для написания, в частности, веб-фронтендов.
Для затравки простая задачка: взять список неких пользователей (воспользуемся тестовыми данными, любезно предоставляемыми сервисом jsonplaceholder.typicode.com) и вывести их имена обычным html-списком; при нажатии на имя пользователя — показать алерт с его id.
Это, конечно, легко делается и на React, и на Angular, и на Vue. Вопрос: насколько легко? В dap это делается так:
'UL.users'.d("* :query`https://jsonplaceholder.typicode.com/users"
,'LI'.d("! .name").ui("? .id:alert")
)
(*Этот и последующие dap-примеры можно интерактивно потестить в песочнице dap.js.org/test.html)
Это первая пришедшая в голову тривиальная задачка и тривиальный же способ ее решения. На dap удобно писать «в лоб», не городя огород из классов, компонентов и прочего ритуального реквизита. Что вижу, то пою. Но «пою» не на javascript или его производных, а на языке dap-правил, специально заточенном на простое и лаконичное описание реактивных зависимостей между элементами.
Читать полностью »