【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~~以後還會有更深入的其他的學習,再繼續總結!!!↖(^ω^)↗
相關推薦
【Angular】Angular4從入門到實戰視訊教程第十章
【背景】終於看完了教程的最後一章,總結一下。【內容】第十章主要是對整個教程進行總結,總結如下:一、前端開發的主要步驟(開發流程): 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