1. 程式人生 > >【Angular】Angular4從入門到實戰視訊教程第十章

【Angular】Angular4從入門到實戰視訊教程第十章

【背景】

終於看完了教程的最後一章,總結一下。

【內容】

第十章主要是對整個教程進行總結,總結如下:

一、前端開發的主要步驟(開發流程):

    1、設計:前端開發流程中最重要的一步,在開發之前一定要對要做的東西有一個概念:

            (1)你的應用應該有哪些元件組成?

            (2)元件之間的父子關係是怎麼樣的?

            (3)元件之間如何路由?

            (4)元件之間是如何通訊的?

            (5)每個元件需要輸入什麼東西?

            (6)會輸出什麼東西?

比較好的解決方案是畫一個元件樹出來,如下圖所示:

    

其次,開發之前,所有人要進行溝通,避免所與人都去寫的一些公用的程式碼,公用的程式碼應該封裝到一個元件或者服務中去。

    2、正式編碼:(1)使用Angular-CLI工具建立一個新專案;

         (2)按照你們之前設計的元件關係開始從下往上編寫元件;

         (3)按照負責關係組裝元件並配置路由;

         (4)在開發環境上測試應用;

         (5)構建應用並部署到測試/生產環境;

二、後續學習:

    1、Angular框架本身:高階特性:動畫、指令、安全等;

   2、周邊生態環境:Angular CLI,Angular material,Angular universal,第三方的元件,UI庫,框架等,ionic,native script。(可以在 GitHub上搜索相關的專案)

        最後,Angular入門學習暫時告一段落,希望這些總結對大家來說有一點點用。O(∩_∩)O~~以後還會有更深入的其他的學習,再繼續總結!!!↖(^ω^)↗

相關推薦

AngularAngular4入門實戰視訊教程

【背景】終於看完了教程的最後一章,總結一下。【內容】第十章主要是對整個教程進行總結,總結如下:一、前端開發的主要步驟(開發流程):    1、設計:前端開發流程中最重要的一步,在開發之前一定要對要做的東

《Python程式設計:入門到實踐》:檔案和異常

10.1 從檔案中讀取資料 每當需要分析或修改儲存在檔案中的資訊的時候,讀取檔案很有用。 10.1.1 讀取整個檔案 用記事本編寫檔案pi_digits.txt 在file_reader.py中編寫 with open('pi_digits.txt') as file_object:

筆記Java入門到精通 | 應用篇

png 解決 一個 數據庫應用 最有 精通 圖片 自己 歸納 下圖簡單歸納了Java的一些應用,包括Swing和AWT設計,打印技術,I/O技術,網絡通信,和數據庫應用。這一方面的學習,最有效的方式就是簡單過一下相關概念和語句,然後在具體項目開發中熟悉。如果自己能參與或負責

PHP入門到精通2小時圖文並茂

原創內容,轉載請註明。 主要內容: 搭建PHP開發環境 第一個helloworld程式 變數 全域性變數 迴圈結構 函式 陣列 面向物件程式設計 繼承 介面 多型 日誌 檔案的讀寫 時間格式和時區 建立圖形 從遠端獲取圖形 生成二維碼 php與資料庫mysql的連線 mysql資料庫面向物件程式設計 coo

Redis入門到精通 Redis入門實戰視訊教程 Redis視訊+文件

課程目錄 第1章:Redis 資料結構的用法與用例—完整 第1節:Redis 簡介 課時1-2:培訓須知.doc 課時3:Redis 簡介(上).mp4 課時4:Redis 簡介(下).mp4 課時5:字串鍵(上).mp4 課時6:字串鍵(中).mp4 課時7:

專欄 - Zookeeper入門到專家

Zookeeper從入門到專家 帶你進入Zookeeper世界,持續更新關於Zookeeper相關的文章,從基本的搭建使用、原理分析、典型場景分析、引用案例及程式碼編寫,甚至到後期的原始碼分析,一步步的從入門到深入Zookeepe

Swagger入門到精通

[轉自:https://legacy.gitbook.com/book/huangwenchao/swagger/details]如何編寫基於OpenAPI規範的API文件[TOC]前言編寫目的本文介紹如何使用Swagger編寫API文件。通過閱讀本文,你可以:瞭解swagg

目錄我的原創技術視訊教程

大家好,這裡為大家提供的是我的原創視訊教程,內容以電腦保安為主,視訊內容為不定期更新,希望大家喜歡 【吾愛動畫大賽2016參賽作品】- JS下載者指令碼木馬的分析與防禦 簡介:本視訊是我參加2016年吾愛動畫大賽的參賽作品,為大家簡單講解了一下JavaScript下載者木馬的分析與防禦技

資料庫-DB2-Mysql-Orcale等視訊教程+資料

【資料庫】-DB2-Mysql-Orcale等視訊教程+資料,視訊資料很大,幾百個G,學習起來需要一定時間,希望大家早早領悟資料庫的精髓 連結:https://pan.baidu.com/s/1yxA80xXfyRG5vm6um91zIg      

《Python編程:入門到實踐》10 筆記

import 我沒 r+ 數據結構 中新 1.5 err 因此 重構 備註:以下按照Python 2的規則編寫代碼。 在jupyter notebook中運行直接顯示結果。 10 文件和異常 10.1 文件中讀取數據 10.1.1 讀取整個文件 """file_reade

《Python程式設計入門到實踐》9類課後習題(附程式碼)

目錄 9-1(9-2) 餐館 9-3 使用者 9-4 就餐人數 9-5 嘗試登陸次數 9-6 冰淇淋小店 9-7 管理員 9-8 許可權 9-10 匯入Restaurant類 9-11 匯入Admin類 9-12 多個模組​ 9-1(9-2) 餐館

外星人大戰-----------------------------課後習題(入門到實踐)

這是完成的一些課後習題。首先最原始的設定類,主程式 設定類: #儲存作業例子的設定類 class Setting(): def __init__(self): self.screen_width=800 #設定螢幕高度寬度,背景顏色 self

《Python程式設計入門到實踐》10檔案和異常動手試一試答案(附程式碼)

目錄 10-3 訪客 10-4 訪客名單 10-6 加法運算 10-7 加法計算器 10-8 貓和狗 10-9 沉默的貓和狗 10-3 訪客 #!/usr/bin/env python # -*- coding:utf-8 -*- user = input

《Python程式設計:入門到實踐》 7習題

7-1汽車租賃:編寫一個程式,詢問使用者要租賃什麼樣的汽車,並列印一條訊息, 如“LetmeseeifIcanfindyouaSubaru”。 car = input() print(“Let me see if I can find you a” +

《python 程式設計 入門到實踐》-Django入門,專案3 遇到的問題。

第十八章Django入門,很多小白在按照書本上的內容按部就班的進行Django的入門學習時發現,在學習前兩個部分的時候,一切都是很順利。到了第三個專案,建立網頁:學習筆記主頁,將Django主頁URL對映到自己要設計的學習筆記主頁時,一直出現錯誤,沒有匹配的UR

《Python 程式設計:入門到實踐》(操作列表)練習題答案

magicians = [‘alice’, ‘david’, ‘carolina’] for magician in magicians: print(magician.title()) print(magician) #建立隨機列表range(起始值,結束不包

《Python 程式設計:入門到實踐》(函式)練習題答案

# -*- coding: GBK -*- #8-7 def make_album(singer,album,songsnum=''): sing_dict={'singer':singer,'album':album} if songsnum: sin

《Python 程式設計:入門到實踐》(測試程式碼)練習題答案

# -*- coding: gbk -*- def country_city(country,city,population=''): return(country.title()+","+city.title()+population) #11-2 imp

《Python 程式設計:入門到實踐》(生成資料)練習題答案

# -*- coding: gbk -*- import matplotlib.pyplot as plt input_values = [1,2,3,4,5] squares = [1,4,9,16,25] plt.plot(input_values,squ

《Python 程式設計:入門到實踐》(下載資料)練習題答案

import csv from datetime import datetime from matplotlib import pyplot as plt filename = 'sitka_weather_07-2014.csv' with open(file