热门回答：
修改后缀名为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。
前端框架：Bootstrap、Foundation。
第二步：JavaScript
这是至关重要的阶段。
javascript 要学的内容实在很多。如果没有其他编程语言的基础的话。学起来可能要费些力。还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》。js是一门很混乱的语言。这本书能够帮助你区分哪些是语言的精华。哪些是糟粕。对于语言精华。应该深入学习。糟粕部分能看懂别人写的代码就行。自己就不用尝试了。
在有了基础之后。进一步学习内容包括：
1. 简单框架。荐先学 zepto。简单易用
2. 复杂框架。是指 react、vue、angular 等不直接操作dom的框架。这类框架建议js基础打扎实后再学习。
学习前端需要方法。更需要一颗平常心。不要把前端想的多难。需要吃什么苦。。。既然学习这么痛苦。为什么不快乐一点学呢？
anyway~希望大家可以成为一个优秀的前端er！
其他观点：
虽然我不是 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的框架
Bootstrap—— 富有创意并且强大的移动为先的前端框架。帮助你快速开发web应用
Semantic—— 通过创造一个用来方便分享UI的语言使得开发人员和设计师的可控范围更为广泛。
kube—— 极简但非常丰富的组件开发自适应或者响应式的网站。 拥有灵活的Grid和漂亮的字体排版。绝对自由。没有多余强制的样式。
Less框架—— 是一个CSS的网格系统。帮助你设计自适应的网站。包含了4个布局和3套字体排版预设。所有的都基于同一个Grid。
YAML—— 是一个模块化的CSS框架。重点在于灵活性。良好的访问和响应式的设计。这个框架重点在于设备独立的屏幕设计和灵活的布局模块化管理。
js框架
AngularJS—— 有着诸多特性。最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
React —— 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。
Vue.js ——是用于构建交互式的 Web 界面的库。它提供了MVVM数据绑定和一个可组合的组件系统。具有简单、灵活的 API。
jQuery —— 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。
最后加油吧。祝你早日掌握前端！！！
码了这么多字。点个赞关注下再走吧！！！
关注萌新程序猿（本人咯）。了解更多IT以及程序猿的知识！！！
您还感兴趣的文章推荐
- 在北京月入14k，这种情况下要不要离职呢？
- 27岁：考研还是考公？该如何做出选择？
- 如何平衡自己的时间与陪伴孩子的时间？有哪些实用方法？
- 大专女生学前教育毕业一年多，有两家园工作经验想转行该咋办？
- 普通人怎样做才能挣到钱？有哪些途径和方法？
以上就是由互联网推广工程师 网创网 整理编辑的，如果觉得有帮助欢迎收藏转发~
本文地址：https://www.wangchuang8.com/111519.html，转载请说明来源于：网创推广网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。
评论(2)
框架，是一个，语言，标签，网站，基础，简单，你可以，样式，编程语言
没想到大家都对web前端怎么入门学习？感兴趣，不过这这篇解答确实也是太好了
修改后缀名为HTML如下图之后上http://www.w3school.com.cn/html/这个网站看里面的示例