新手如何不培训自学前端

 想要学习web前端你首先要知道web前端是干什么的，能做什么。下面是官方的解释：

     Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

       简单的来说就是做网页的。当然做网页只是一部分，还有app开发，小程序开发，小游戏等等，但是这些都离不开单页面的开发。

       每一个复杂网站和web应用都是一个个单页面组成的，而单页面最基本的组成就是html，css和js。所以说html，css和js是你前期学习的重中之重。打好基础对后面的学习至关重要，相信所有同学对此都深有体会，下面是对这三种基本语言的的解释。

Cascading Style Sheets (层叠式样式表, 又称 CSS)

层叠式样式表(CSS)是用于描述外观和格式化标记语言编写的文档的样式表语言. 尽管经常被用来改变用 HTML 和 XHTML 编写的网页和用户界面的样式, 但也可用于任何 XML 文档, 包括纯 XML, SVG 和 XUL. 跟 JavaScript 和 HTML 一样, CSS是被大多数网站用于为Web应用程序创建富有吸引力的网页, 用户界面的一种基础技术, 也为许多移动应用程序创建用户界面.

Document Object Model (文档对象模型, 又称 DOM)

文档对象模型用于代表和对象交互的HTML, XHTML 和 XML 文档, 是一种跨平台和语言无关性的约定. 每一份文档的所有节点被组织成一种树结构, 称为 DOM 树. DOM 对象通过使用对象上的方法被处理和操作, 一个 DOM 对象的公共接口被指定为它的应用程序编程接口(API).

JavaScript Programming Language (JavaScript编程语言, 又称: ECMAScript 6, ES6, JavaScript 2015)

JavaScript 是一种高级的, 动态的, 无类型的和解释型的编程语言, 它已经在 ECMAScript 语言规范中被标准化. 跟 HTML 和 CSS 一样, JavaScript 是 WWW 内容生成的第三种必不可少的技术; 大多数的网会使用Javascript, 并且 Javascript 被所有现在Web浏览器支持. JavaScript 基于原型和函数优先的特点, 使它成为多范型的语言, 支持面向对象的, 命令式的, 和函数式编程风格. JavaScript 能提供 API 来处理文本, 数组, 日期和正则表达式, 但不包括任何 I/O, 如网络, 存储或图形工具, 对这些的依赖取决于宿主环境中嵌入了什么.

介绍了这么多，是说一下学习web前端的基本途径了。

       1.首先你要善用搜索引擎，说白了就是百度，不仅仅是找教程，找文档，你还可以在网站上学习别人的源码。并且搬运下来自己练手调试。这里介绍几种免费学习源码的方式： 1.你可以在github上找到学习所需的源码， github是世界上开源代码最多的网站，是所有编程人员的宝库，在上面你可以搜索到任何语言的源码，以供学习和借鉴，最简单的下载方式是直接下载压缩包然后解压下来：

       当然，你也可以在github上保存自己的代码，以供以后回顾和参考，不过过程有点繁琐，需要在后面学习，这里就不做过多的介绍了。

2.你可以直接打开一个网页，然后按f12进入开发者模式，查看网页源码，还可以在网页上调试。

       百度的调试模式还有个彩蛋等着你。任何页面都可以开启调试模式，就算它禁用你还是可以用别的方法开启。你还可以ctrl+s直接下载网页，然后用开发工具打开，这种方法用作前期学习十分方便。

3.你也可以经常光顾别人的博客，以及各种开发者社区，上面也经常有大佬分享源码和经验，这也是学习进步的主要方式之一。

自主学习是程序猿最主要的学习方式，只有掌握了自主学的方式，你才算踏上了程序员这条路。

打算深入了解这个行业的朋友，可以领取2020年最新前端基础精讲视频教程分享！我们的前端学习Q裙：（518672693） ，里面都是学习前端的，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。2020最新技术，从企业招聘人才需求 到怎么学习前端开发，和学习什么内容都有免费系统分享。好友都在里面学习交流，每天都会有大牛定时讲解前端技术! 希望可以帮助你快速了解前端，学习前端

原著是一个有趣的人,若有侵权,请通知删除