用户投稿首先初学者我建议用记事本来开发具体操作如下新建如下图图
修改后缀名为HTML如下图
之后上http://www.w3school.com.cn/html/
这个网站看里面的示例，并右键选择编辑上图后缀名为html文件，照着网站上的示例敲代码，保存之后双击看结果。当然出学用记事本很痛苦但是帮助记忆，后面慢慢的知识多了就可以采用很多开发工具。
第一步：HTML + CSS
前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的一些前端工具箱，推荐Dreamwear/Sublime/Photoshop/SVN等。HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，刚入门查阅资料可以用w3school或者MDN（https://developer.mozilla.org/zh-CN）。
进阶可以学习下：
HTML主要是学了H5的Canvas。
掌握预处理工具Sass、Less。
看了下面一堆培训机构的，冠冕堂皇，内容永远是那一套招生的宣传词，无语=_=。
我也是自学的前端，零基础做前端短时间真的很难，至少自学半年以上，因为要补的知识太多了，可以先看免费视频，一定不要先看书！！！
初学者前期的兴趣一定要保持好
无论学什么，初始的兴趣一定是最重要的领路人。如何维持住兴趣，让它在自学前期发挥最大作用呢。通过简单知识入门，然后多做练习，做页面demo，数学也不可能一上来就学复杂计算，都是从加减乘除开始。同样的，前端先从html开始学习，用到css的地方去查着学习，css东西很多特例，专门去学效果不是很好，学习html的过程中，用到那些就去记住。前期一定不要直接上javascript，它并不是传说中的那么简单，相反的水太深。
最开始一个月用视频学习
很多人上去推荐各种书，结果买回来也没看过几本，前期对知识没有任何概念，系统的编程思维都没有，遑论看书呢，书本的知识都是极其抽象的，我们应该用具体的东西来代替他，这也是培训机构大行其道的原因，当然培训机构鱼目混杂，误导人的太多。保持住兴趣、结合视频里面老师的代码讲解，最重要的是看完后多敲代码。大约一个月对前端是个什么东西有了感性的认识，也做了不少页面了，可以去买一本《javaScript DOM编程艺术》，这本书培训机构永远不会推荐你买，因为他们只为招生而推荐，但是它对自学者构建良好的前端思维很有帮助，配合《head first javascript html》更好用。
前端分为偏css和偏javascript两种
css这个方向我搞不明白，无法推荐了。javascript这个方向的话，一定要大量时间去练习，各种事件、DOM操作，此时《javascript高级程序设计》、《javascript语言精粹》发挥作用了，多思考吧。
虽然我不是 web前端开发工程师，但是我会web前端，前端开发我通过自学掌握的。web前端相对容易， 虽然你没有基础，是个小白，但是你要对自己充满信心，相信你很快就可以掌握。
web前端都包括什么？
三个大方向，HTML、css、JavaScript。html就不细说了，很多人都说html算不上编程语言，连个循环都写不了。一个web页面时三者共同努力的结果。
如何学习Web前端？
- 首先你需要学习html的各个标签，掌握其用法和规范，明白其作用。
- 开始学习css的使用，你先学习在html页面中为标签增加css样式，其次是将css写在网页的<head></head>标签对的<style></style>标签对中。
- 学习如何引入外部的css文件。
- 如何将css和div结合起来，css你需要学习各种效果、定位、组件设置、布局、响应式等等这部分需要你学习一段时间。
- 学习原生的css后你可以学习使用css框架，下方我列举一些框架。
- 之后你还需要学习JavaScript，还是从基础知识开始学习，学习的同时你可以自己开发一些插件检验学习成果
- 学习完基础之后你需要学习JavaScript框架和一些js库。
- 最后你将三者结合起来开发一个网站的前端进行练习，可以开发wordpress的主题等。或者你再学习后端语言开发一个网站。
- 关于前端学习我觉得一个网站非常好，那就是w3cschool%%%cn，里面有个编程实战闯关模块，花点时间通过他会对你有很大帮助。编程实战难度不大，我很快就通关了。
css的框架
分三个方面来吧
第一部分：学习前端之前，先要对这个职业有个充分了解：下面简单介绍一下
一、职位介绍：
通过各种前端技术，实现从PC到移动等多终端的前端交互功能实现和设计
发现和定位网络，能够去针对用户端接触到的前后端的性能问题，提出和设计优化方案
业务对前端技术的多维度要求，包括但不仅限于JS/flash/Node.js/php等多平台的技术实现
零基础如何系统的学习web前端开发，相信这是很多初学者都会疑虑的问题！这里不多说废话，直接进入正题，零基础如何学习前端开发！
前端与移动开发学习线路图
前端开发总的线路图，这里只是说了一下知识点，下面有更精准的阶段学习，含配套视频。
第一阶段：
能学到什么？会做什么？
感约，想入前端这个行业的同学们想必都很关心这个问题吧，在这个问题之前，首先聊聊我，我就是一名典型的80后老程序员，我刚从事这个行业的时候根本没有前端程序员之说，那时候我主要用C#.net 进行开发网站，前端和后端的工作都是我一个人完成的，前端开发岗位也是最近几年的事情，由于我对前端有着浓厚的兴趣，才逐步专注前端的，接下来我和大家聊聊如何自学前端，仅供参考：
首先明确你是否喜欢前端，以及前端学习的方向
Web前端开发是目前IT领域中的重要开发岗位之一，基础知识结构包括Html、CSS和JavaScript三大块内容，其中JavaScript是学习的重点也是一个难点。虽然Web前端开发的整体难度并不高，也较少会涉及到算法和数据结构的相关知识，但是Web前端开发所涉及到的内容却非常多和杂，而且Web前端开发的架构更新速度也比较快，这也是导致很多Web前端开发人员压力比较大的原因之一。
学习Web前端开发应该从基础的Html开始学起，学习Html还是比较简单的，主要是理解并记住一些常见标签的使用，在学习的初期应该多动手敲一下代码，这样会加深理解。在学习完Html语法之后，需要学习CSS，CSS的内容也并不复杂，CSS主要解决Html中样式设计的问题和复用的问题。接着应该系统的学习一下JavaScript，JavaScript语言自身还是具有一定难度的，而且JavaScript涵盖的内容比较多，需要一个较为系统的学习过程才能逐渐掌握。
JavaScript不仅在Web前端有广泛的应用，随着Nodejs的普及，JavaScript正在从传统的前端开发逐渐走向后端开发，从这个角度来说，未来JavaScript的应用空间还是非常大的。目前开源领域基于JavaScript的产品也非常多，因此不仅前端程序员需要学习JavaScript，后端程序员目前也应该学习一下JavaScript。
随着移动互联网的发展，前端开发不仅仅包括Web前端开发，目前Android开发、iOS开发也逐渐并入到前端开发团队，这是一个比较显著的变化，所以对于前端开发人员来说，如果想提升自身的岗位竞争力，应该进一步丰富自身的知识结构。
我从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，我会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注我，相信一定会有所收获。
伴随着近些年web前端开发的迅速发展，有愈来愈多的小伙伴们想要来到前端工程师制造行业当中，可是也有许多小伙伴们在迟疑该不该进入这一行业，如果想进入这一行业，必须要知道如何学习web前端开发的专业知识。
那么前端学习如何入门呢？
这是每一个想要进入道前端行业必须要经历的过程，不管怎么样这一关是免不了的，所有对于如何前端入门，是我们每个小伙伴必须了解的。现阶段的方式一般是有俩种，一种是自学进入这个行业，另一种就是要通过前端培训学习进入这一行。特别是对于没有基础的小伙伴们来说要怎么开始学习呢?大多数人选择的是前端培训学习的方式，这样的方式有几个优点，那就是时间快，效率高，学习的知识系统。
由于大家基本都是零基础参加web前端培训学习的，所以在学习的过程中可能会有一点儿难度，大家可以根据自己的情况来制定一个计划来进行学习，好的学习计划加上良好的执行力可以让我们事半功倍的学习。最重要的是在前端培训学习的过程中一定要努力，遇到不懂的问题及时和老师沟通，自习学习时多加练习，多喝同学交流。只要努力学习入门是比较容易的。
大家好，我是道哥，计算机专业大数据方向在读本科生。道哥说一下学习前端的方法。
前端主要是包括 HTML+CSS+JAVASCRIPT(JS)
其中最重要的是JavaScript，这是一门编程语言，也是一门脚本语言，主要做动态网页界面。如果题主有过编程语言的基础的话，学起来就比较容易，比如C/C++语言。js和其它的语言都是类同的，知道变量类型，循环判断，数组，函数这些就可以了。如果没有语言基础，其实学起来也不难，多花点时间，也能学会。
再者就是Html，这个就是标签，描述页面有哪些元素，放置什么内容。学习HTML说白了就是在学习各种各样的标签使用，因为JS有一部分功能就是去操作这些页面标签元素 。HTML标签虽然多，但是常用的Html标签没多少个，很快就可以掌握学习。快速了解的方法就是，随便打开一个网站，浏览器右键查看源代码，里面就是Html标签了。建议可以在w3school里边学习这个内容，里边介绍的很全面。
再就是Css，这就是一种修饰，给页面Html标签元素添加样式的，比如文字显示什么颜色，背景色是什么。Div元素块的高度和宽度，背景图片用什么，就是这些了。
微信扫一扫打赏
支付宝扫一扫打赏
