SegmentFault Tech Weekly Vol.17 – I heard you haven’t used AngularJS yet

How to build dynamic applications on web pages, the common solution is to use class libraries and frameworks to make up for the deficiency of native JS and HTML, and to implement specific application logic, such as typical jQuery and Knockout.js. Google, on the other hand, is trying to compensate for its shortcomings in building applications directly from HTML itself, with client-side solutions such as

• Extend traditional HTML by grouping it into reusable components

• MVC enhances browser-based applications, making development and testing easier

• All possible C.R.U.D. operations

  • Testability support, unit testing, end-to-end, automated testing, and more

  • Data binding, binding in both directions, accommodates dynamic content while allowing synchronization between models and views

  • Forms and form validation

  • …

• Decouple DOM operations to improve code testability

The collection of these functions eventually becomes a front-end framework, AngularJS. It was created with the idea of “enabling imperative programming to represent business logic,” so the framework takes and extends traditional HTML to accommodate dynamic content with bi-directional data binding that allows automatic synchronization between models and views.

We’ve published six weekly issues about React and Vue, but this time, we’ll introduce another one: Angular. This week, we’ll cover all the features of React and Vue. If you haven’t built an app with Angular yet, start here!

- What exactly is an Angular directive? - What are the pros and cons of Angular in practice? - How does Angular implement bidirectional data binding? - What are the strengths and weaknesses of AngularJS from an MVC perspective? Angular 2 vs. React and Vue: Which is the future of the front-end? - What improvements does Angular 2.x have over 1.x? - What are the current practices of Angular's Material?Copy the code

Table of contents

1. Getting started — Playing AngularJS by @DreamAppleHappy

• Play with AngularJS directives’ Scope

• Killer app – Explicitly declare the data model in the controller

• Such as the pantheon – play AngualrJS dependency injection

• Make you a Promise – Play AngularJS Promise

• Angular template binding to expressions

2. Instruction

• Introduction to AngularJS directives | Huangtengfei

• Full AngularJS Directive Development Solution by @tgor

  • (1) Detailed explanation of parameters

  • (2) Modular scheme

3. Elaborate on features

• AngularJS providers: Service vs. Factory | Savokiss

• Learn more about Angular Scope inheritance from JavaScript inheritance

• Understand Angular’s $digest() and $apply() | Erichain_Zain

• AngularJS source code analysis {{bidirectional data binding}} Morph_Zhou

• Complete guide to Angular $Q

• Angular Directive

• AngularJS form authentication by huangtengfei

• Angular ViewModel design by Stuart

• AngularJS Template | Tychio

4. What’s it like writing AngularJS in XX?

• Typescript

  • How does it feel to write AngularJS apps in Typescript

  • How to write custom AngularJS directives in TypeScript? LLP to change

• ES2015

  • What’s it like to write AngularJS in ES6

  • Angular 1.5 Styleguide (ES2015) by DiscipleD

  • Using ES2015 to develop Angular1.x Application Guide: Quiet and Free Autumn Water

  • Angular 1.x + ES6 Development Style Guide | Kuitos

  • ES6 + Angular 1.x | n͛ I ͛g͛h͛t disk I disk

5. What apps have you developed?

• A desktop application

  • Starting with AngularJS PC client development

  • Build desktop application flyow using AngularJS and Electron

  • Create a Flex layout framework called Orangexc

• Load the solution on demand

  • Angular.js + require. js is a complete practice for loading on demand

  • Kuitos is a non-invasive Angular on-demand loading solution based on UI-Router

  • Lazy loading of AngularJS via Webpack

• Webpack + Angular

  • Webpack + Angular componentization Practice wang Weijia

  • Webpack + Angular project SEED | zCHQ88

• other

  • Best (maybe) practice: Start developing your App with Cordova + Ionic + AngularJS

  • Create a CRUD application using AngularJS/silence_yfang

  • Web front-end @ function JS implementation analysis and its principle

  • ECharts Angular Package | Doubt true love wanderer Jason

  • Leftstick using Baidu Map in AngularJS

  • Build blog/Yexiaobai using Flask and AngularJS

6. Take a quiz

• AngularJS Interview Questions huangtengfei

• Angular Interview questions from Comedy to Tragedy

(End of issue)

---

# SegmentFault Technology Weekly #

Tech Week is a weekly series of community-specific technical content. Weekly selects each content, is the author’s original opinion, trample pits summary and experience sharing.

Follow or subscribe every Tuesday. You can also leave comments on topics you are interested in and recommend excellent articles related to the topic.