坚持：学习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后台的开发 ，我也要加快 脚步了！