Web前端学习总结

Posted by wsxq2 on 2018-10-07
TAGS:  Web前端note

大致学习流程

HTML->CSS->JavaScript->JQuery

详细的学习历程(2018-09-05 ~ 2018-10-07)

之前已在http://www.w3school.com.cn/快速浏览过HTML,HTML5,XHTML,XML,XPath相关的内容,但忘记了不少。

此次学习过程中我首先从图书馆随便借了本名字包含HTML, CSS, JavaScript三个单词的实践性很强的书,以此作为学习主要用书。然后又根据书中提供的资源链接从网上下载了资源并放至工作目录,按照书中的练习开始学写网页,一直努力争取一天写三个练习,但很少成功,通常一天只能写一两个。

与此同时,遇到问题就谷歌或看资源中的源代码,并尝试使用谷歌结果中推荐的方案来实现资源中源代码实现的相同的效果, 以新为先(果断放弃过时的方法)(比如使用DIV+CSS布局而不使用书中反复使用的表格布局,使用HTML5,使用最新的JQuery库,使用新的标签代替旧的标签等等)。 因此学习进度相当慢,但确实学到不少,只是现在好像忘得也不少了。/笑哭。

整个学习过程历时一个月零一个周,第一个周因为电装实习,故几乎没学;第二个周边上课边学习,进度较慢,花了不少时间用于Vim中编写HTML和CSS的环境搭建(主要是用emmet插件实现强大的快速编写); 第三个周上课渐少,并花了不少时间用于Vim中编写JavaScript和C语言的环境搭建(主要是用YouCompleteMe插件实现强大的自动补全);第四个周完全没去上课,每天白天都用于学习WEB前端,后几天实践,研究北京理工大学的首页的HTML和JavaScript(尤其是它用js写的第一个动画效果,花了我好长的时间都没能成功复现),后来学习wget命令,试图将整个西电官方网站整站下载并上传至我的服务器,以伪装西电主页,从而试图将其作为伪造网站的最简单的方法,但是在访问的时候还是有点小问题;最后一个周实践,写了个智慧树刷视频的脚本并对整个学习过程做总结。

主要参考过的网站

学到的技能

  • 前端基本技术:HTML, CSS, JavaScript
  • Chrome开发者工具的基本使用:主要是Element, Console, Source面板的使用,具体包括DOM查看和修改,元素的CSS查看与修改,控制台的使用,JavaScript的简单调试等

还想要学的东东

  • JavaScript的高级应用
  • Chrome开发者工具的高级应用
  • ajax, json等
  • HTTP协议
  • 快速伪造官方网站的方法

还想做的项目

  • 网络爬虫
  • 自动教学评估
  • Chrome刷视频插件