前端学习历程

前言

简单介绍自己自 2016 年 11 月起至今,从定下学习前端目标,开始对前端进行学习的历程。

包含:

  • 基础知识
  • 书籍阅读
  • 项目实战
  • 工作经历(暂无)

一、基础知识

1.1 泛学习

2016

  • 熟悉 html、css 做了个简单的网页(十一月 – 十二月)

2017

  • 了解 javascript、github 做个有一定交互效果的网页(一月 – 六月)
  • 了解 html5、css3,用 css3 实现动态效果(三月 – 六月)
  • 了解了 sass,应用限于嵌套
  • 大致学习了 bootstrap(七月)
  • 学习了 AJax (七月)
  • 学习响应式布局,做了一个响应式网页(八月—九月)
  • 学习 vue,了解了 vue 的基本语法和 vue-resource 的使用(九月)
  • 了解了 ElementUI 和 MintUI(九月)
  • 学习面向对象编程(十一月底)
  • 学习函数式编程(十二月初)
  • 学习数据结构

1.2 深入学习

2017

  • 重新学习 css,掌握 css3 各种特性的使用,深入了解css的部分机制与属性的特性,学习如何编写便于维护的 css 代码(九月底—十月底)
  • 重新学习 html5,掌握 html5 的新标签与功能(十一月初—十一月中)
  • 重新学习 javascript,掌握各种 api,内置对象的属性、方法,处理基本类型强制转化等机制(十一月中—十二月底)
  • vuejs 各类拓展学习,做 vuejs 项目(十一月底至十二月底)

1.3 拓展学习

2016

  • github 和 githubpage 上传项目(十二月底)

2017

  • gulp 的学习(七月)
  • npm 的了解,下载各种包和运行服务器(八月)
  • hexo 搭建博客(十月)
  • ESLint 学习(十二月)
  • 了解 HTTP 协议
  • 学习 PHP
  • 学习 NodeJs

二、书籍阅读

2016

  • Web前端设计与开发:HTML+CSS+JavaScript+HTML 5+jQuery
  • Web前端开发精品课:HTML与CSS进阶教程

2017

  • javascript DOM 编程艺术(五月)
  • 锋利的 JQuery(六月大部分)
  • 响应式网页设计、响应式网页设计实战(八月)
  • vue.js 前端开发快速入门与专业应用(九月大部分)
  • HTML5 揭秘 (十月)
  • CSS 揭秘(十月开头,)
  • CSS 权威指南(十月底至十一月)
  • javascript 高级程序设计(十一月至十二月)
  • ECMAScript 6 入门(十一月底)

三、项目实战

2017

  • 仿小米官网,静态主页(四月)
    • 对 html、css 的熟悉
    • 了解 javascript 动画效果
    • 轮播图
    • tab 选项卡
  • 仿深大内部网,静态主页(五月)
    • 熟悉,练手
  • 献血指引,静态博客页面(六月)
    • 网页设计选修的作业
  • 理财网站,响应式页面(八月)
    • 了解项目目录
    • 了解项目文件的配置
    • 使用 npm 下载和管理包
    • 使用 gulp 打包
    • 对响应式原理的深入了解
  • destiny’Note,个人博客(十月)
    • hexo 构建
    • next 主题
    • 写博客
  • Flex 实现的网格系统(十月底)
    • 学习 flex
    • 理解网格系统
  • 仿饿了么外卖,vue 项目实战(十一月底至十二月)
    • vue 基础知识巩固
    • 组件化
    • webpack 打包
    • ESLint 学习
    • axios 插件,实现 ajax
    • 模拟后台数据

四、工作经历

生命的意义不仅是活着,而是我们给别人的生命带来了何种不同。

-------------本文结束感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!
0%