学习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站上看看
零基础如何迅速学习前端
1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。2、视频为主，书为辅。很多...
如何快速学习前端
1、作为一个初学者，你必须明确系统的学习方法，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对web前端还没有任何概念的时候，需要一个人领进门，之后就靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多少时间内学完，建议时间6个月保底。2、视频为主，书为辅。很多...
web前端怎样入门?
第一：理清Web前端的知识结构。要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。第...
零基础学习前端开发要怎么开始
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页...
web前端怎么入门学习?
对于零基础的人而言，要怎么学习web前端呢？1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。2、 前后端网页交互。主要内容为JavaScript语法全面...
怎么学习web前端呢
主要内容为Node.js全面进阶、Koa2MongoDB搭建服务、Vue.js框架、React.js框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在...
零基础如何轻松学习前端
那么我们来看看如果是报班学习如何轻松学习前端 第一：选择合适正规的培训班 现在各种前端培训机构之间竞争激烈，保就业，先就业后付费等各种宣传手法，目不暇接，那么作为消费者，我们不能盲目的听从这些宣传文案，而是要认真清晰的分析这个培训班是否真的如宣传那么好，不要轻信广告，毕竟现实中培训班被...
适合零基础小白的前端学习路线(附学习资源)
在前端学习初期，选择合适的开发工具是基础。推荐的编辑工具有 VSCode 和 WebStorm，VSCode 是开源免费且轻量级的，拥有丰富的插件，适合大多数开发者。WebStorm 则是收费的，适合追求工业级体验的开发者。无论选择哪种编辑器，关键在于坚持使用，不必过于纠结编辑器的优劣，随着技术的提升，个人需求也会变化...
想从零开始学Web前端。应该怎么学呢?从哪里开始呢?
建议你先学习基础，找一套系统的入门资料就可以开始学习了，先把基础打好，为之后的系统学习做准备。这种教程很多，比较推荐北京尚学堂前端免费入门教程，适合就业方向，而且很系统，很适合初学者。而且他们的学习课程也是特别全面的，可以了解一下，和目前的岗位需求很吻合。我有朋友是在他们这提升的前端，...
初学者如何迅速学习web前端开发?
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）第七阶段：大数据可视化 内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D.js详解、三、其他JS库）对于想学习web前端的同学来说：首先是自学，其实自学也不是不可以，只要有毅力能坚持，自己...
