DEV.NVX.ME

Angular & TypeScript

Все команды Angular CLI и их назначение

| версия Angular: 4
anim.gif

Angular CLI очень удобный инструмент для работы, он постоянно развивается и улучшается. Уже сейчас его достаточно, чтобы покрыть большую часть необходимых задач. В этом материале мы рассмотрим все команды Angular CLI и способы их использования.


Angular CLI Ref на русском

Устанавливаем Disqus в Angular приложение

| версия Angular: 4
disqus.jpg

Disqus - популярная и удобная система для добавления функционала комментариев на ваш сайт.

Стандартный код, который поставляет Disqus не выйдет в чистом виде использовать в Angular приложении, т.к если вы его вызовете при загрузке страницы, он выполниться лишь один раз. Так как у нас SPA, нам необходим динамический вызов этого кода.

Angular. Конвертируем MarkDown в HTML + подсветка синтакисиса для кода

| версия Angular: 4
md.png

Контент для сайта я храню в .md-файлах, но выводить я хочу отформатированный текст. А так как в постах есть примеры кода, то и подсветка синтаксиса лишней не будет.

Ресайз изображений в браузере

resize.jpg

Чтобы не менять размер картинок на сервере, их размер можно предварительно изменить в браузере клиента.

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

Email приложение на Angular.js

email.jpg

Создадим простой email-клиент и изучим ключевые аспекты AngularJs.
В конце этого руководства приложение сможет отображать список писем, искать по теме, открывать и удалять письма.

Требования:

  • Понимание, как использовать jQuery при построении простого javascript приложения
  • Умение поднять http-сервер
  • Возможность клонировать GitHub репозиторий

Темы изучения:

  • Одностраничные приложения
  • Клиентские MVC паттерны
  • Двусторонее связывание
  • Маршрутизация и шаблоны
  • Составные части Angular: директивы, фабрики и контроллеры

Proudly powered by Hexo and Theme by Hacker
© 2018 Sasha Novik