前端的学习方向

日期：2020.9.1日，座标：深圳。今天我到南山的泽林培训是听了下课，想着要不要去培训下前端开发。本人本科非科班出身，前端方面是自学的（自我感觉良好），发现个人学习可能偏向理论了。为此，从今日开始我要自己按着培训的课程来一步一步补足自己知识方面的欠缺。

一、前端页面的重构

　　1.1 PC端网站布局

  1. 内容：◆ HTML基础，CSS基础，CSS核心属性 ◆ CSS样式层叠，继承，盒模型 ◆ 容器，溢出及元素类型 ◆ 浏览器兼容与宽高自适应 ◆ 定位，锚点与透明 ◆ 图片整合 ◆ 表格，CSS属性与滤镜"
  2. 项目：◆《世纪佳缘用户注册页布局》 ◆《卧龙控股网站项目布局》 ◆《华帅灯饰网站项目布局》 ◆《千锋互联网站项目布局》 ◆《京东首页布局》 ◆《腾讯游戏首页布局》 ◆《BOSS直聘布局》 ◆《麦田国际项目布局》

　　1.2 HTML5+CSS3学习

  1. 内容：◆ HTML5新增的元素与属性 ◆ 表单域增强元素 ◆ CSS3选择器 ◆ 文字字体相关样式 ◆ CSS3位移与变形处理 ◆ CSS3 2D转换与过度动画 ◆ CSS3 3D转换与关键帧动画 ◆ 弹性盒模型 ◆ 媒体查询 ◆ 响应式设计
  2. 项目：◆《探路者页面布局》 ◆《2D相册》 ◆《3D相册》 ◆《CSS3绘制机器猫》 ◆《CSS3绘制自行车》 ◆《骰子布局》

　　1.3 WebApp页面布局

  1. 内容：◆ 移动端页面设计规范 ◆ 移动端切图 ◆ 流式布局（100%布局） ◆ 等比缩放布局（rem布局） ◆ 响应式布局 ◆ viewport ◆ rem/vw的使用 ◆ flexbox详解 ◆ 移动端reset, 1px border, 高清图片 ◆ 淘宝移动端页面适配方案
  2. 项目：《Ghost 开源博客平台页面的响应式布局》 ◆《足球圈M站布局》

现在我的第一个学习方向是在于，要求：熟练掌握页面布局。

二、javascript

　　2.1原生javascript交互开发

　　　　1.内容：◆ String与Date ◆ BOM与DOM ◆ 事件 ◆ 拖拽效果 ◆ cookie存储 ◆ 正则表达式 ◆ Ajax ◆ 面向对象基础 ◆ 运动与游戏开发

　　　　2项目：◆ 蘑菇街瀑布流 ◆ 打砖块游戏开发 ◆ 淘宝商品查询 ◆ 微信飞机大战游戏开发 ◆ 智能问答机器人

　　2.2面向对象进阶与ES5/6/7

　　　　1.内容：◆ Promise ◆ 设计模式（观察者模式等） ◆ 原型链 ◆ 构造函数 ◆ 执行上下文栈与执行上下文 ◆ 变量对象与活动对象 ◆ 作用域链 ◆ 闭包 ◆ this ◆ ES5 ◆ ES6 ◆ ES7

　　　　2.项目：？？？？

　　2.3javascript工具库研发

　　　　1.内容：◆ DOM库 ◆ 事件库 ◆ AJAX库 ◆ 原型和继承库 ◆ MVVM核心库 ◆ 基于SPA的路由库

　　　　2.项目：个人工具库

赞 (0)

相关推荐