堅持：學習Java後臺的第一階段，我學習了那些知識

最近的計劃是業餘時間學習Java後臺方面的知識，發現學習的過程當中，要學的東西真多啊，讓我一會兒感受很遙遠。可是還好我制定了計劃，本身選擇的路，跪着也要走完！關於計劃是《終於，我仍是下決心學Java後臺了》。關於第一階段，我這邊分享一下本身的總結和筆記~

第一的階段主要是Web前端的界面，由於本身有前端h5和js的基礎，再加上以前開發太小程序，此次學習起來也是如魚得水。

HTML+CSS:
HTML進階、CSS進階、div+css佈局、HTML+css整站開發、

JavaScript基礎：
Js基礎教程、js內置對象經常使用方法、常見DOM樹操做大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效：
常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製做幻燈片、彈出層、手風琴菜單、瀑布流佈局、滾動事件、滾差視圖。

JQuery：基礎使用
懸着器、DOM操做、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

bootstrap的瞭解和應用

具體小結

html

一、概述

HTML: Hyper Text Markup Language 超文本標記語言

超文本: 比普通文本功能更增強大,能夠添加各類樣式

標記語言: 經過一組標籤.來對內容進行描述. <關鍵字> , 是由瀏覽器來解釋執行

二、html文件主要包含兩部分. 頭部分和體部分

頭部分 : 主要是用來放置一些頁面信息
體部分 : 主要來放置咱們的HTML頁面內容

3.HTML語法

b : 加粗
i : 斜體
strong: 加粗, 帶語義標籤
em:  斜體, 帶語義
img 標籤:
經常使用的屬性;
width : 寬度
height: 高度
src :  指定文件路徑
alt:  圖片加載失敗時的提示內容
列表標籤: 
無序列表:  ul
type: 小圓圈,小圓點, 小方塊 有序列表: ol type: 1,a ,A,I, start : 指定是起始索引 點擊連接,跳轉去指定網站 a 超連接標籤 經常使用的屬性: href: 指定要跳轉去的連接地址 若是是網絡地址須要加上http協議 , 若是訪問的是本網站的html文件,能夠直接寫文件路徑 arget : 以什麼方式打開 _self: 默認打開方式,在當前窗口打開 _blank: 新起一個標籤頁打開頁面 - 字體標籤 font - color: 顏色 - size: 大小 1~7 - face: 改變字體 - p 段落標籤 - h標題標籤 : 1~6 - br 換行 - hr 水平線 - b 加粗 - i 斜體 - strong : 加粗 包含語義 - em : 斜體 包含語義 - 網站圖片案例 - img標籤 - src : 指定圖片的路徑 - width: 寬度 - height: 高度 - alt : 圖片加載錯誤時的提示信息 - 相對路徑: - ./ 表明的是當前路徑 - ../ 表明的上一級路徑 - ../../ 表明的上上一級路徑 - 友情連接: - ul: 無序列表 - type : - ol: 有序列表 - type : 樣式 - start : 起始索引 - li : 列表項 - a 超連接標籤 - href : 要訪問的連接地址 - target : 打開方式 - table標籤 - border: 指定邊框 - width : 寬度 - height : 高度 - bgcolor : 背景顏色 - align : 對齊方式 - tr標籤 - td標籤 - colspan: 跨列操做 - rowspan: 跨行操做 - 表格單元格的合併 - 表格的嵌套 注意: 跨行或者跨列操做以後,被佔掉的格子須要刪除掉 

什麼是javascript: JavaScript一種直譯式腳本語言，

什麼是腳本語言?

java源代碼 ----> 編譯成.class文件 -----> java虛擬機中才能執行
腳本語言: 源碼 -------- > 解釋執行
js由咱們的瀏覽器來解釋執行
HTML: 決定了頁面的框架
CSS: 用來美化咱們的頁面
JS: 提供用戶的交互的

JS的組成:

ECMAScript : 核心部分 ,定義js的語法規範
DOM: document Object Model 文檔對象模型 , 主要是用來管理頁面的
BOM : Browser Object Model 瀏覽器對象模型, 前進,後退,頁面刷新, 地址欄, 歷史記錄, 屏幕寬高

JS的語法:

變量弱類型: var i = true 區分大小寫 語句結束以後的分號 ,能夠有,也能夠沒有 寫在script標籤 - 基本類型 - string - number - boolean - undefine - null - 引用類型 - 對象, 內置對象 - 類型轉換 - js內部自動轉換 - 運算符和java 同樣 - "===" 全等號: 值和類型都必須相等 - == 值相等就能夠了 - 語句和java 同樣 - alert() 直接彈框 - document.write() 向頁面輸出 - console.log() 向控制檯輸出 - innerHTML: 向頁面輸出 

 

BootStrap

- bootstrap:  Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。
  - 全局CSS樣式: css樣式
    - 柵格系統:
      - 將屏幕劃分紅12個格子,12列 - class='row' 當前是行 - 行裏面放的是列 col-屏幕分辨率-數字 (每一種分辨率後的數字總和必須是等於12,若是超過12,另起一行) - col-lg-數字: 在超寬屏幕上使用 - col-md-數字: 在中等屏幕上,PC電腦 - col-sm-數字: 在平板電腦上 - col-xs-數字: 在手機上 - 組件: 導航條 , 進度條, 字體 - javascript插件 : 輪播圖 

學會文檔，走遍天下

Html和CSS的學習文檔
http://www.w3school.com.cn/html/index.asp

BootStrap的中文網
http://www.bootcss.com

本身自己是作android開發的，至於爲何要學習java,一方面android是依賴於Java開發的，自己本身的Java基礎也不差，若是學習了這方面之後找工做很定會加分的，說白了主要是由於仍是窮，哈哈哈~，總之多學習java仍是有好處的。
Java併發面試，幸好有點道行，否則又被忽悠了，特別是在面試的時候，線程池和併發問題是很是重要的，上面是以前遇到過的一個關於併發線程池的問題。

總結

目前web前端須要學習的東西還不少，這裏只是冰山一角，因爲精力問題，這裏我就不一一列出的， 這裏我只學習了兩天，目前徹底能應對平通的界面開發，有時間仍是須要學習的。爲了快速進入web後臺的開發 ，我也要加快 腳步了！