学习HTML5和CSS3基础
技术的发展几步造就了互联网的蓬勃生机，移动互联网的快速发展HTML5+CSS3已然成为新一代的web前端技术。随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局(色彩，图片，文字样式等等)。
学习Java，了解DOM
Java语言不管是编程还是用作其他都有着广泛的应用，学习Java编程的基本语法，试着用Java操作编辑网页中的DOM元素，学会了应用Java语言能够让你的网页设计更加生动。
学习Web前端核心
WEB前端工程师还需要 熟练JS和UI以及DIVCSS快速合成静态页面，确保性能和兼容性，熟悉JQuery EasyUI、ExtJS、Bootstrap、Angular.js等框架;深入理解
W3C web标准学习 Jquery 之后，大家就要学习 HTML5 高级阶段(HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证等)在学习 Jquery 和 HTML5 学习结束后，就可以完成飞机大战、飞扬的小鸟以及复杂订单的实现。
学习HTTP协议及Server端技术也是Web开发人员的基本功之一。
当你能够熟练掌握HTML5，CSS3，Java等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。从最简单的HTML5基础到Web前端高级技术都需要细心的学习，想要做到精通，更是需要下苦功夫。
第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。
第三：注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养，因为前端开发的细节比较多，所以只有多操作才能逐渐熟悉。
前端开发目前被称为“大前端”，整个前端开发也被赋予了更多的含义，包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以，想要在前端行业中走的更远，一定要注重知识结构的丰富性。
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
2. 就业保障完善
3. 学费性价比高
希望你早日学有所成。
Javascript 语言：全栈开发中，用的编程语言就是 javascript
HTML5 标签和 DOM：这是前端最核心技术，为之后学习各种开发框架，打下坚实基础。
CSS3：学习通过 css 开发网页和各种可视 UI 组件。
SASS：利用 sass 语言，开发复杂的页面 css
Node.js：掌握Node.js 核心 API ，具备后端开发能力。
Express 5.x 框架：掌握 Express 框架，从而具备快速开发后端程序的能力。
socket.io 库：让前后端通过 websocket协议通信，是web 开发游戏、聊天等程序必备技术。
Mongoose 框架：可以让程序具备文档数据储存能力
Git 命令与 github：可以对项目进行版本管理，从而能团队开发项目。
Gulp 构建工具实战：通过 gulp 工具，灵活对项目进行构建。
Webpack：可以用和 Node.js 后端模块化方式，开发前端程序，从而能开发大型系统。
Jasmine & Karma：可以利用 Jasmine & Karma 轻松实现，多种浏览器同时进行单元测试，而不必切换界面。
前端相关框架：JQuery ／ Bootstrap ／ Vue.js ／React ／ Angular通过框架帮我我们快速开发程序
移动端与桌面程序开发工具：phonegap ／ react-native / electron / 微信小程序开发，这套工具，基本上只是打包工具，和提供了一些特定平台 API ，开发还是使用之前的 Web 技术。
希望对您有所帮助！~
零基础自学前端是可以的，学好的话还是有点难度。
找个好老师：新手很可能在方向上迷茫和迷失，有个引路人会少走很多弯路
自学能力：遇到不会的问题先总结。利用网络查阅资料自学和自行解决问题的能力。
勤动手：开发是要动手写代码的，“手懒癌”晚期患者要尤其注意了！
但如果你的目的是就业。那么我认为自学在没有足够的时间支持下，一定要好好斟酌。选择线下好的培训，也是你不二的选择。
多看视频多看视频 高淇讲的不错可以在b站上看看