Javascript | The Web Land

Angular 4 — Компоненты

Компонент логическая часть приложения на Angular 4. Компонент в Angular содержит: Шаблон — Используеться для отображения. Содержит в себе HTML шаблон в котором отображаются данные приложения. Эта часть часто включает биндинг и дерективы. Класс — Содержит логику вашего компонента. Метаданные

Angular 2 — Модуль (Module)

Каждое приложение написанное на Ангулар 2 содержит как минимум один модуль который запускает ваше приложение. В Ангулар 2 класс модуля описывает как части приложение взаимодействуют между собой. В инструкции по установке мы имеем минимум один модуль AppModule.

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';

@NgModule({

imports: [ BrowserModule ],

declarations: [ AppComponent ],

bootstrap: [ AppComponent ]

})

export class AppModule { }

После

TypeScript подборка видео докладов

Сегодня сложно представить себе разработку веб-приложений без использования JavaScript. Но JavaScript вызывает недовольство у разработчиков, которые пишут на C# или другом типизированном языке, причем весьма оправданно. Язык TypeScript позволяет писать код на JavaScript, при этом иметь типизацию и обходить подводные

Angular 2 — Архитектура

В этой главе обсудим архитектуру Angular 2 для создания интерфейса пользователя. Рассмотрим: Модуль Компонент Шаблон Метаданные Дата биндинг (связывание значений) Сервис Директива Dependency Injection (Инъекция зависимости) Модуль Компонент модуль характеризуется блоком кода, который может быть использован для выполнения одной задачи.

Angular 2 — Hello World

Описание В предыдущей статье мы рассмотрели как устанавливать окружение для Angular 2. В єтой части создадим классическое приложение под названием «Hello, Wolrd». В коде ниже описано как вывести на екран простой текст с помощью Angular 2:

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.6/angular2-polyfills.js"></script>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.6/Rx.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.6/angular2.dev.js"></script>
    <script>
      System.config({
        transpiler: 'typescript',
        typescriptOptions: { emitDecoratorMetadata: true },
        packages: {'app': {defaultExtension: 'ts'}},
        map: { 'app': './angular2/src/app' }
      });
      System.import('app/hello_world_main')
            .then(null, console.error.bind(console));
    </script>
  </head>
<body>
   <my-app>Loading...</my-app>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hello World</title>

System.config({

transpiler: 'typescript',

typescriptOptions: { emitDecoratorMetadata: true },

packages: {'app': {defaultExtension: 'ts'}},

map: { 'app': './angular2/src/app' }

});

System.import('app/hello_world_main')

.then(null, console.error.bind(console));

</script>

</head>

<body>

<my-app>Loading...</my-app>

</body>

</html>

Код включает в

Angular 2 — Окружение

В этой части мы рассмотрим окружение разработки Angular 2 Angular 2 использует TypeScript который является основным языком для разработки приложений на Angular 2 TypeScript является надстройкой над JavaScript Пошаговая инструкция установки окружения разработки Angular 2: Шаг 1: Открываем консоль и

Angular 2 — Обзор

Что такое Angular 2? Angular 2 — JavaScript фреймворк с открытым исходным кодом для построения веб-приложения но первоначально задумывался как для разработки мобильных приложений. Почему Angular 2? Angular 2 проще и понятнее для понимания чем AngularJS 1. Обновление больних наборов

AngularJS 2 видео

1. Angular 2 essential training Angular 2 Essential Training познакомит вас с основами фреймворка, в том числе с мощными функциями, такими как богатые шаблоны, обнаружение изменений, взаимодействие пользователей, двусторонний датабиндинг, маршрутизацией, а также инъекции зависимостей. Темы: Что такое Angular? Установка и

Angularjs видео курс

Полный видео курс по Angularjs. Видео уроки по angularjs разбиты на две части, первая, плейлист от LoftBlog — кратко и понятно описывают основные функции, второй, же, это 7 видео уроков, средняя продолжительность около 8 часов. Каждый видео урок angularjs в этом

Контроллеры в AngularJS

Все приложение AngularJS в основном полагаются на контроллеры для управления потоком данных в приложениях. Контроллер определяется с помощью директивы ng-controller. Контроллер представляет собой объект JavaScript, содержащий атрибуты, свойства и функции. Каждый контроллер принимает $scope в качестве параметра, который относиться к

← Ранее