web 前端基础学习路线思维导图
先看图了解大概的学习要点:
基础部分
如图, 最开始先要了解 HTML+CSS 相关的知识点 (标签和属性), 理解如何搭建静态页面
视频教程 (详细, 易上手, 建议开 2 倍速):
这个是在 "我要自学网 (https://www.51zxw.net/list.aspx?cid=540)" 上学习的, 好像是要几块钱, 问题不大, 但很详细, 配备资料讲解, 应该是还可以, 里面会先讲 HTML + HTML5 + CSS + CSS3 + JavaScript 的相关知识, 个人觉得可先看完理解
参考手册教程 (文档, 详细):(W3Cschool 许多资料自行查找, 下面不重复给出) https://www.w3cschool.cn/
HTML5 + CSS3
进阶学习 HTML5 新语义标签, HTML5 表单, 音频和视频, 离线和本地存储, SVG,Web Socket,Canvas
CSS3 新选择器, 伪元素, 脸色表示法, 边框, 阴影, background 系列属性改变, Transition, 动画, 景深和深透, 3D 效果制作, Velocity.JS 框架, 元素进场, 出场策略, 炫酷 CSS3 网页制作
网易云课程不少免费资源, 自行查看
JavaScript 基础
看一些 JS 基础教程, 学习 JS 内置对象常用方法, 常见 DOM 树操作大全, ECMAscript,DOM,BOM, 定时器和焦点图.
常见特效, 例如: tab, 导航, 整页滚动, 轮播图, JS 制作幻灯片, 弹出层, 手风琴菜单, 瀑布流布局, 滚动事件, 滚差视图.
渡一的课还可以 ()
jQuery
jQuery 的基础使用, 悬着器, DOM 操作, 特效和动画, 方法链, 拖拽, 变形, JQueryUI 组件基本使用.
网易云课程, 李炎恢老师系列视频都不错 (https://study.163.com/course/introduction.htm?courseId=501006&_trace_c_p_k2_=3f4f055b61864f87a09512edae9540ea)(李彦恢老师视频相关代码云盘 http://www.panduoduo.net/u/bd-4278436023)
Bootstrap
理解 Bootstrap 响应式概念, 媒体查询, 响应式网站制作, 删格系统, 删格系统原理, Bootstrap 常用模板
进阶篇
参考:
个人总结
个人学得有点乱, 所以不好整理, 打算去找实习, 了解了解相关的前端工作流程, 在实际中前端的相关知识是如何运用的
实习面试了几个, 大小厂都有, 注重的要求略有差别, 但就是离不开项目经验, 这就略有点吃亏了, 作为学生在学校是没什么项目经验的, 所以得多跟着网上的一些项目教程学习, 然后模仿做出一些项目来, 要多注重自己的 idea, 多上手学习; 课程上如果有相关的课程设计也要好好做, 然后完成也可以马马虎虎算项目经验了; 当然能扎到实习是最好的
如果有师兄师姐能内推就内推, 这是最好的, 不需要经过笔试什么的 (但还是有一定的要求的), 但没有就要记过笔试环节的筛选了, 这里就需要牢牢掌握基础知识了
常想着感兴趣的知识就多学点, 技多不压身!! 但这样又学得很乱!!! 难受啊啊啊啊!!!
其它一些学习网站
前端学习资源汇总 ( https://123.w3cschool.cn/plk2fi )
菜鸟教程 ( https://www.runoob.com/ )
PHP 中文网 (源码资源)( http://www.php.cn/xiazai/ )
来源: http://www.qdfuns.com/article/49955/b4967d817032fa06500ea35feff9ad9d.html