关于群规和如何学好前端和后台的相关说明

为了更好的规范群信息和相关解答说明，所有内容均通过本页进行引导和总结（更新时间2018.3.15），请务必遵循群的相关规定，保持良好的交流环境，尊重他人等于尊重自己。本页地址做了特殊处理，直接输入web.asni.cn也可以直接访问。进群的朋友先通过https://www.jqma.cn获取进群码！

群规：

1. 进群请先将你的群名片更改为地区-xxx；（如：成都-智言、北京-小莫）三天内未改将T出群。
2. 群内禁止发布任何与内容无关或者是宣传视频网站；
3. 群内禁止发布几个关键字：VPN、翻墙等；
4. 提问题前请先自行百度，毕竟我们能告诉你的也只能是思想，你不应该做拿来主义；
5. 提问题请使用正确的方式进行提问（请点这里），以免浪费大家的时间，比如：你可以通过http://www.jsbin.com或者https://c.runoob.com/front-end/61进行问题的展示，将你的Demo呈现出来，让问题变的更简单，当然，你也可以使用自己的Demo地址或者将你要解决的问题代码完整或者有效的放入群文件中；
6. 禁止在群内私M群员推广腾讯课堂和其他广告；
7. 禁止在群内谈论和技术无关的话题，如无法做到，请自行离开；
8. 工作日尽可能少在群里闲扯，多思考/多提高质量的问题，周末可以适当闲聊/交友之类的活跃气氛；
9. 凡违反群规定内容将根据情节严重程度进行包括但不仅限于警告、禁言、T出等操作，凡被T出者永不接受申请！望各位自重。

主导航开始

说在前面：http://www.asni.cn/1649

工具篇：前端工具推荐

入门理论篇：  前端、后台

在线学习教程（文字）：菜鸟教程  和  W3school网站

在线学习教程（视频）：51自学网  和  慕课网

线下实体教学机构：评估中…

不建议选择的培训机构：多迪、火星时代、潭州学院

知识点搜索：百度、谷歌（需特殊网络）、智言个人博客、知乎、张鑫旭博客（CSS方面研究的比较透）

【话题相关】↓

入门话题

• http://www.zhihu.com/question/21921588（设计师如何学习前端？）
• http://www.zhihu.com/question/19862294（如何帮助前端新人入门和提高？）
• http://www.zhihu.com/question/32314049（web前端怎样入门？）

字体话题

• http://www.zhihu.com/question/21504656（css3的字体大小单位[rem]到底好在哪？）

前端：

入门级：

对于很多刚加入群，同时准备转向或者是学习前端这个行业的时候，最大的困惑在于前端这个行业前景如何？工资能拿多少K？该如何学习？等等问题，那么接下来就将为大家介绍这些内容。

1.前端这个行业前景如何？

答：对于很多朋友都有这个疑问，很简单，还是那句老话，所有的行业都是一样的，不要问前景如何，只要你做的时间足够长，每个行业都有前景，当然了，就目前来看，IT整个行业都是不错的，当然，这个行业也还是很累的，轻松完全在你已经工作了6-8年的样子，稍微会比你之前要好的多，但是这个只是一个大概时间，根据不一样的人的能力是有所变化的，所以不要去比，一比你会发现很多无法想象的，所以坚持是你最应该去实现的。

2.工资能拿多少K？

答：当然了，这个问题就更加广泛了，地域、运气、能力或者时间都不一样，而对于一个新手来讲从1.5K-6K都有过案列，所有这个不好讲具体，你运气好，可能老板急需要人，你可能就拿的多，也有可能你所在的地方比较好，本身工资也足够高，所以这个都不是问题，关键在于你自己是否相信你自己和足够喜欢这个行业；当你工作大概在2-3年你的工资又会有一个变化，这个时候是你的一个关键时期，你如果能够沉淀下来，好好的去学习和掌握更多的知识点，可能你的工资会有很大的变化。

3.我该如何学习前端？

答：无论你是准备进入这个行业还是已经在这个行业里拼搏了一段时间，你失踪需要给自己足够的信念和毅力去支撑自己完成自己的梦想，那么我们刚开始要如何来学习呢？很简单请大家通过以下步骤来根据自己的情况慢慢的踏踏实实的走完，不要想着你会了，你懂了，因为那些都是你以为的你会了，你懂了，实际上你什么都不懂，所以一定要谦虚的学习，好，废话不多说，看步骤：

一、HTML入门：

①通过网络方式学习

W3school网站之HTML（www.w3school.com.cn）或者菜鸟教程之HTML（www.runoob.com），这两个网站可以帮助你开始让你了解和学习前端，当然，知识点很简单，而你要做的就是每天不停的动手去练习，别不耐其烦，一定要坚持动手，不然一切都是空话。

②通过书本学习

可以自己前往京东或者当当网购买前端的书籍，这里推荐：Web前端开发技术 这本书，当然，对于HTML来说很简单，随便都可以买的到，你只需要学习HTML部分就行了，关于CSS部分和JavaScript（JS）部分放到你后面的步骤去学习，一定要记住。

通过上面的两种方式学习完后，基本上你的HTML就入门了，你可以试着手写一些简单的HTML页面，当然，你如果有兴趣，可以把HTML5部分简单了解一下，后面也可以学习一下。

二、CSS入门：

当你学完HTML的时候，是不是发现很简单，但是有很多漂亮的网页却做不出来？是的，这个时候我们就要转到CSS的学习了，对于一个WEB网页来说，CSS就如网页的衣服，想要如何的好看，有色彩，你就需要用到CSS了，对于什么是CSS，请自行百度，这里就不介绍了，那么CSS该如何入门呢？同样通过两种方式介绍：

①通过网络方式学习

这里同样推荐W3school教程之CSS和菜鸟教程之CSS这两个网站来进行学习，相对于HTML来说CSS会更复杂一点，而且现在已经是CSS3版本了，所以为了配合新的浏览器和现代网页的需求，那么CSS3又新添加了很多新的炫酷效果，所以你在学习的时候要比HTML花更多的时间来练习，你可以通过手写的方式慢慢的来模仿一些简单网站首页。

②通过书本学习

同样，你可以在JD或者当当网上购买你需要的书本，这里推荐：css哪些事儿，精通css等

三、JavaScript（JS）入门

这步很关键，因为所有的前端，就属JS这块会稍微难点，所以你们必须再确认你们已经完全掌握了HTML和CSS后再来学习JS，否则你后面会学的很累，以至于你无法学好前端，那么你的工资也就比别人少很多。

①通过网络方式学习

老地方，推荐W3school教程之JS和菜鸟教程之JS这两个网站来进行学习，而此时学习一点要学懂每一步，而且要多做一些自己又想法的特效，同时去看看别人怎么做的JS特效。当然，对于JS来说很多朋友都很难找到相应的视频学习，其实这个JS在早期本身也没有相应的标准，连官方都没有一个像样的文档，所以你现在要学习它，建议还是通过火狐的官方文档来进行学习，地址是：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

②通过书本学习

这里推荐：javascript高级程序设计第三版、javascript权威指南

也可以使用微信直接扫码购买（手机端一直按住二维码或者保存二维码后长按即可），如下：

这两本书建议认真看，认真练，不懂的地方多问，同时要有自己的理解和想法。

前端工具：

所谓的工具就是我们用的开发软件，这个每个人都不一样，同样一个公司，对于每个人的使用习惯的也不一样，而对于新手和老鸟来说都是不一样的，这里简单推荐几款智言认为还可以的工具，你根据你自己的习惯来选择就行了。

入门类工具：EditPlus、Notepad++

后期类工具：Sublime Text、WebStorm、HBuilder、Atom

各有优势，选择一个，后期慢慢来了解和学习。

后台工具：

后台工具就很多了，而且根据不同的语言，在使用上的比列也不一样，这里也是简单的推荐几个，大家可以用用。

入门类工具：EditPlus、Notepad++

后期类工具：Sublime Text、PHPStorm、WebStorm、Eclipse

入门级都属于轻量级的，Sublime也是轻量级的，那么都可以配合插件来使用，相对来说灵活，而后期的工具都属于厚重型，但是功能那是非常不错的。所以看个人使用习惯。

模板引擎：

ejs：轻量，html格式，效率低

jade：轻量，自有格式，效率高

swig：中等，html格式，效率高

后台：

入门级：

后端较前端来说更注重的在于逻辑的组织，一段优美的代码一定是编写者思想逻辑的展现，要如何做到这些，那么一下会慢慢的带你进入到后台编程设计的入门，当然，后台也有很多问题，比如：我是要走后台还算前端？后台较前端有什么区别？后台伤脑吗？后台工资如何？等等…当然，目前对于后台每个人对语言的看法不一，你不用发表个人的观点，自己觉得好就行，自己觉得想用什么就用什么，不要听别人说那个好就用那个，这个说好就用这个，然后再过几天又觉得其他好；而真正不好的是你这种思想，思想没有坚定下来，你永远都觉得其他比你现在学的好，这不是心灵鸡汤，这是一个事实，如果你不信，你可以用你的时间来慢慢证实。

在后台设计中目前使用最广的应该是PHP语言，而趁势可能是nodejs，至少我是这样认为的，不要去证明它的对错，选择你喜欢的语言去坚持学习就行。PHP的优势在于简单而快速的入门，并且开发速度也是很快的，也就是说，你想要很快有一个学习成果，那么PHP是一个不错的选择，况且它的配置也很简单；而nodejs的学习相对来说比PHP要稍微慢点，但是如果你是前端编程者转到后端，那么nodejs就有无比的优势在那，因为只有你有JavaScript基础，那么你只需要简单的学习一些nodejs的相关知识就可以轻松的转入nodejs了，所以关键在于你如何选择，而就目前截止到2015年11月14日，php7的测试版的处理速度已经和nodejs有一拼了，甚至在某些方面已经有所超越，但是在目前的趁势中nodejs依然是热门的，而php依然还占据着很大的市场，所以就看你自己的选择，你喜欢哪种语言你就学下去就行了。

1.我是要走后台还算前端？

答：前端注重美，后台注重逻辑，也就是前端是当你打开浏览器后直接展现在你面前的东西，而后台就是你看不到的，比如你留言后，后台会对你的留言内容进行数据存储和读取，这些你是看不到的，当然，并不是说前端就不重视效率之类的，只是拿出一个点来说而已，所以，前端注重美，后台注重逻辑。你如果视觉效果比较好，你可以走走前端，也可以走走UI；如果你思维能力不错，可以走走后台，记住，前端和后台没有好与坏，只有你更喜欢哪个方向！

一、NodeJS入门：

首先介绍一篇不错的入门教程：http://www.asni.cn/1453

然后下面是一些官方推荐的：

学习指南和教程

• NodeSchool.io 交互式课程
• Node的艺术 (Node简介)
• Hello World
• Hello World Web Server
• Node.js 指南
• 使用Node.js, express和MongoDB创建一个博客
• Node+MongoDB 100分钟建站攻略
• Project 70推出的Node.Js指南
• Node.js入门
• 全面学习 Node.js

开发者网站

• Joyent的Node开发者站点

视频

• Node指南
• Node+MongoDB 100分钟建站攻略
• Ryan Dahl介绍Node.js
• 用Node.js做并行开发
• 使用Node, Connect & Express做JS的服务端开发
• 初探Node.js
• Node.js 和 MongoDB
• 使用Node.js的实时Web

Screencasts

• 全面学习Nodes
• NodeTuts
• NodeCasts
• 使用Node.js 和 Express创建服务端的MVC应用

书籍

• The Node Beginner Book
• Mastering Node.js
• Up and Running with Node.js
• Node.js in Action
• Smashing Node.js: JavaScript Everywhere
• Node.js & Co. (in German)
• Sam’s Teach Yourself Node.js in 24 Hours
• Most detailed list of free JavaScript Books
• Mixu’s Node Book
• Node.js the Right Way: Practical, Server-Side JavaScript That Scale
• Beginning Web Development with Node.js
• Node Web Development

课程

• Node.js的实时Web开发
• Essential Node.js from DevelopMentor

博客

• Node.js官方博客
• How To Node
• DailyJS
• Nodejitsu blog
• Ryan Wilcox’s Whitepaper
• devthought

JavaScript课程

• Crockford’s videos (must see!)
• 参考这篇文章《学习JavaScript的在线课程和指南》
• Essential JavaScript Design Patterns For Beginners
• JavaScript garden
• JavaScript Patterns book
• JavaScript: The Good Parts book

Node模块

• Search for registered node.js modules
• Wiki List on Github/Joyent/Node (start here last!)
• A completely biased and incomplete selection of useful Node modules

其他工具和资源

• JSApp.US – like jsfiddle, but for node.js
• Node with VJET JS (for Eclipse IDE)
• Production sites with published source:
  • Node Knockout Hackathon (source)
• Useful Node.js Tools, Tutorials and Resources
• Runnable.com – like jsfiddle, but for server side as well
• Getting Started with Node.js on Heroku

单元测试

• Mocha is a popular test framework.
• Vows is a fantastic take on asynchronous testing, albeit somewhat stale.
• Expresso is a more traditional unit testing framework.
• node-unit is another relatively traditional unit testing framework.

Web框架

• Express is by far the most popular framework.
• Meteor bundles together jQuery, Handlebars, Node.js, websockets, mongoDB, and DDP and promotes convention over configuration without being a Rails clone.
• Tower is an abstraction of top of Express that aims to be a Rails clone.
• Geddy is another take on web frameworks.
• RailwayJS is a Ruby-on-Rails inspired MVC web framework.
• SailsJS is a realtime MVC web framework.
• Sleek.js is a simple web framework, built upon express.js.
• Hapi is a configuration-centric framework with built-in support for input validation, caching, authentication, etc.
• Koa Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs.

Web框架工具

• Jade is the HAML/Slim of the Node world
• EJS is a more traditional templating language.
• Don’t forget about Underscore’s template method!

网络

• Connect is the Rack or WSGI of the Node world.
• Request is a very popular HTTP request library.
• socket.io is handy for building WebSocket servers.

命令行工具

• Optimist makes argument parsing a joy.
• Commander is another popular argument parser.
• Colors makes your CLI output pretty.

暂时写到这里，后面慢慢来添加…