AngularJS Tutorial for begyndere: Lær AngularJS trin for trin

Af: James Hartman James Hartman
Hours Opdateret

AngularJS selvstudieoversigt

Dette er en AngularJS tutorial for begyndere trin for trin guide til at lære AngularJS fra bunden. Denne Angular JS tutorials guide vil hjælpe dig med at lære AngularJS grundlæggende og komponenter som direktiver, filtre, udtryk osv. og udforske mere af dets programmeringsaspekt for SPA'er.

Hvad er AngularJS?

AngularJS er en JavaScriptramme til opbygning af MVC-baserede webapplikationer. Det giver dig mulighed for at opdele forretningslogiklaget, datalaget og præsentationslaget. Det bruger HTML som et skabelonsprog til at udvide sin syntaks til at skabe forskellige applikationskomponenter. Det hjælper også med at reducere koden ved hjælp af databinding og afhængighedsinjektion.

AngularJS pensum

AngularJS Basics for begyndere

👍 Lesspå 1 Hvad er AngularJS? - Introduktion, Architecture & funktioner
👍 Lesspå 2 AngularJS Hej verden — Dit første AngularJS-program
👍 Lesspå 3 Tutorial til AngularJS Controller — Hvad er, hvordan man bygger med eksempel

AngularJS Scope Model View

👍 Lesspå 1 Vinkelskoper — Hvad er $Scope i AngularJS? Tutorial med eksempel
👍 Lesspå 2 ngGentag — AngularJS ng-gentagelsesdirektiv med eksempel
👍 Lesspå 3 ngModel — Sådan bruges "ng-model" i AngularJS med eksempler
👍 Lesspå 4 ngView — AngularJS ng-syn med Eksempel

AngularJS udtryk

👍 Lesspå 1 AngularJS udtryk — ARRAY, Objekter, $eval, Strings [Eksempler]
👍 Lesspå 2 Eksempel på AngularJS-filter — Små bogstaver, store bogstaver og JSON
👍 Lesspå 3 AngularJS brugerdefineret filter — Sådan opretter du brugerdefinerede filtre i AngularJS med eksempel
👍 Lesspå 4 AngularJS-direktivet med eksempel — ng-init, ng-gentag, ng-app, ng-model
👍 Lesspå 5 CUSTOM-direktiver i AngularJS — Hvordan opretter man et tilpasset direktiv? [Eksempler]

AngularJS Fundamentals Trin for Trin

👍 Lesspå 1 AngularJS modul — AngularJS-modulvejledning med eksempel
👍 Lesspå 2 AngularJS-begivenheder — ng-klik, ng-vis, ng-skjul direktiv [Eksempel]
👍 Lesspå 3 AngularJS Routing med parametre — Eksempel på applikation på én side
👍 Lesspå 4 AngularJS $ressource & $http — AngularJS AJAX Call ved hjælp af $resource, $http [Eksempel]
👍 Lesspå 5 AngularJS tabel — Sortering, rækkefølge efter og store bogstaver [Eksempler]
👍 Lesspå 6 AngularJS-formularvalidering ved indsendelse — Form med Eksempel
👍 Lesspå 7 Eksempel på indsendelse af AngularJS-formular — Sådan indsender du en formular ved hjælp af ng-submit
👍 Lesspå 8 ng-include i AngularJS — Sådan inkluderes HTML-fil [Eksempel]
👍 Lesspå 9 AngularJS Dependency Injection — hvilke Komponenter, der indsprøjtes

RELATEREDE ARTIKLER

AngularJS Advance Stuff!

👍 Lesspå 1 AngularJS enhedstestning - Karma Jasmin Tutorial
👍 Lesspå 2 Tutorial til test af vinkelmåler — Automatiseringsværktøjsramme
👍 Lesspå 3 AngularJS vs Angular 2 vs Angular 4 - Hvad er forskellen?
👍 Lesspå 4 Reager vs Angular - 10 vigtigste forskelle, du skal kende!

AngularJS interviewspørgsmål, bøger og vejledning PDF

👍 Lesspå 1 AngularJS interviewspørgsmål — Top 75 AngularJS-interviewspørgsmål og -svar
👍 Lesspå 2 AngularJS bøger — 10 Bedste AngularJS Bøger for begyndere og eksperter
👍 Lesspå 3 AngularJS Tutorial PDF — Download AngularJS Tutorial PDF for begyndere

Hvad vil du lære i denne Angular JS-tutorial?

I denne vejledning til AngularJS for begyndere vil du lære Angular JS basics som Hvad er AngularJS, controller, scope, ng-model, ng-view, AngularJS Expressions, Moduler, Events, Table, Form osv. og avancerede koncepter som AngularJS unit testing , vinkelmålertest, AngularJS-versioner, AngularJS-interviewspørgsmål osv.

Hvorfor lære AngularJS?

AngularJS er en open source-ramme, der er meget brugt til at skabe MVC-webapplikationer på klientsiden. Desuden er det meget brugt i alle brancher af enkeltpersoner og virksomheder verden over, så der er enorme karrieremuligheder for kandidater, der har et godt kendskab til Angular JS.

Forudsætninger for at lære AngularJS

Denne vinkeltutorial er designet til begyndere. Men hvis du har det grundlæggende kendskab til HTML, CSS og JavaScript, ville det være en ekstra hjælp.

Funktioner af AngularJS

Følgende er de vigtigste funktioner i Angular JS:

  • Det er en open source JavaScript MVW Framework
  • Udvider HTML-understøttelse ved at tilføje tags, attributter og udtryk
  • Tillader nem begivenhedshåndtering
  • Giver support til databinding
  • Tilbyder indbygget skabelonmotor og routing
  • Giver formularvalideringer og animationer
  • Tilbyder afhængighedsinjektion

Enkelt AngularJS-programeksempel

<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<head>
    <meta chrset="UTF 8">
    <title>Basic AngularJS Program</title>
</head>
<body ng-app="">

<h3>This is AngularJS Tutorial for Beginners..!!</h3>

</body>
</html>

Output:

This is AngularJS Tutorial for Beginners..!!

Du kan lide: