&ol&&li&&p&翻墙：有较高要求者请自行购买Shadowsocks&/p&&/li&&li&&p&Google：必备Google搜索。&/p&&/li&&li&&p&&a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub&i class=&icon-external&&&/i&&/a&： 全球最大的开源项目托管平台，无数个优秀的开源项目，全球顶级互联网公司都加入了 GitHub（&a href=&/?target=https%3A///google& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Google&i class=&icon-external&&&/i&&/a&，&a href=&/?target=https%3A///apple& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&苹果&i class=&icon-external&&&/i&&/a&，&a href=&/?target=https%3A///facebook& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Facebook&i class=&icon-external&&&/i&&/a&，&a href=&/?target=https%3A///twitter& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Twitter&i class=&icon-external&&&/i&&/a&，&a href=&/?target=https%3A///microsoft& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&微软&i class=&icon-external&&&/i&&/a&，&a href=&/?target=https%3A///square& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Square&i class=&icon-external&&&/i&&/a&，&a href=&/?target=https%3A///alibaba& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里&i class=&icon-external&&&/i&&/a&）。&/p&&/li&&li&&p&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&StackOverflow&i class=&icon-external&&&/i&&/a&：国外最著名的IT技术问答网站，帮程序员解决了无数个技术问题（每当最无助的时候，StackOverflow给了我们希望），Google+GitHub+StackOverflow 解决一切技术问题。&/p&&/li&&li&&p&Gmail邮箱：如果还用着QQ邮箱，找工作投简历的时候，会让人瞬间感觉Low爆了。&/p&&/li&&li&&p&Git：免费、开源的分布式版本控制系统， Git是新时代的产物，如果还用着SVN，那就真的有些落伍了，GitHub 就是基于 Git 来进行版本控制的，可见Git已经是必备技能了。&/p&&/li&&li&&p&MarkDown：一种轻量级的标记语言，语法简明，学习容易，格式好看，很适用于写博客，GitHub、简书等都支持MarkDown（PS：我写这个文档用的就是MarkDown，你敢用两次，一定会爱上它）。&/p&&/li&&li&&p&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&V2EX&i class=&icon-external&&&/i&&/a&：活跃度很高的码农社区，很多精品分享，话题讨论。&/p&&/li&&li&&p&知乎：国内最大的网络问答社区，关注几个你感兴趣的领域，会有很多优质的帖子。&/p&&/li&&li&&p&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&简书&i class=&icon-external&&&/i&&/a&：精美的排版，优质的文章，将写作与阅读整合在一起，很多原创的精品文章（包含技术文章）。&/p&&/li&&li&&p&&a href=&/?target=https%3A//gold.xitu.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&掘金&i class=&icon-external&&&/i&&/a&： 高质量的技术社区，汇聚了各个网站的精品技术文章。&/p&&/li&&li&&p&&a href=&/?target=https%3A//coding.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Coding&i class=&icon-external&&&/i&&/a&：国内最大的代码托管平台（因为GitHub免费版只能托管开源项目，所以要托管私有项目要么交钱，要么用其他的）&/p&&/li&&li&&p&网易云音乐：程序员必备音乐播放器&/p&&/li&&li&&p&Chrome浏览器：同样，用360或IE浏览器，也会让人瞬间感觉Low爆了&/p&&/li&&li&&p&Evernote（印象笔记）：一款很好用的云笔记&/p&&/li&&li&&p&Kindle： 亚马逊电子书阅读器&/p&&/li&&li&&p&100offer：程序员拍卖网站，FaceBook工程师都用100offer找工作&/p&&/li&&li&&p&最好买个MacBook Pro，用Windows的依然Low爆了&/p&&/li&&li&&p&关注一些技术大牛的博客或微信公众号，很多精品文章分享&/p&&/li&&li&&p&有自己的技术博客（最好是自己搭建的）和开源项目，面试的时候很加分&/p&&/li&&li&&p&FaceBook，twitter，Instagram，WhatsApp，Dropbox，Paypal等，各种著名的互联网产品都需要了解，当个程序员容易么&/p&&/li&&li&&p&未完待续，欢迎大家补充……&/p&&/li&&/ol&&p&原文链接：&a href=&/?target=http%3A///p/6dac53cf5caf& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&程序员必备互联网产品&i class=&icon-external&&&/i&&/a&&/p&
翻墙：有较高要求者请自行购买ShadowsocksGoogle：必备Google搜索。： 全球最大的开源项目托管平台，无数个优秀的开源项目，全球顶级互联网公司都加入了 GitHub（，，，，，，）。：国外最著名…
&p&国内的设计兼职平台这两年发展非常迅速，现有的不少答案中提及的威客类网站因其对设计价值的不尊重而广为诟病，所以我们不妨把目光投向这些探索新模式的后来者。&/p&&br&&p&&b&特赞&/b&&/p&&p&&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&特赞平台的设计师准入条件颇高，质量是目前为止全网最好的。其合作模式是客户接触平台提出需求，然后平台推送信息给对应领域设计师，设计师有24小时时间投递报价（包含价格、附言、相关作品展示等），报价截止后由客户选取合作方开展工作。&/p&&br&&p&&b&特创易&/b&&/p&&p&&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&特创易自2015年启动以来，机制上已经是发展最为成熟的一个。其有偿比稿模式在提供客户足够多的选项的同时，也能保证所有参与其中的设计师有基本的劳务费。&/p&&br&&p&&b&大鲲&/b&&/p&&p&&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&客户自行发布需求 brief，设计师回以报价书。客户以互联网公司为多，UI设计的需求较大。目前机制不够完善，存在客户拿到多个设计师联系方式后私下竞稿的风险。&/p&&br&&p&&b&花瓣美思&/b&&/p&&p&&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&设计师自定义服务，辅以作品展示，客户自行找上门来选择服务项。这一平台以插画和 H5 制作为比较受欢迎的细目。&/p&
国内的设计兼职平台这两年发展非常迅速，现有的不少答案中提及的威客类网站因其对设计价值的不尊重而广为诟病，所以我们不妨把目光投向这些探索新模式的后来者。 特赞特赞平台的设计师准入条件颇高，质量是目前为止全网最好的。其合作…
&p&网页设计与UI设计有诸多类似之处，但也有着各自不同的尺寸规范，但本质上都属于“视觉设计+交互设计”的范畴。而&b&WEB前端&/b&，则是敲代码的工作，承接在视觉设计的下游，后端制作的上游。以下就分享一两个最有针对性的网站和教程：&/p&&p&&b&1.网页设计：&/b&&a href=&///?target=http%3A///career/7.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网页设计自学视频教程&i class=&icon-external&&&/i&&/a&，&a href=&///?target=http%3A///z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://t.cn/RcxBPkx&i class=&icon-external&&&/i&&/a&&/p&&p&&b&2.UI设计：&/b&&a href=&///?target=http%3A///z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ui设计视频教程&i class=&icon-external&&&/i&&/a&，&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&学UI网-UI设计师学习教程平台&i class=&icon-external&&&/i&&/a&&/p&&p&&b&3.WEB前端：&/b&&a href=&///?target=http%3A///t& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&html+css网页前端课程&i class=&icon-external&&&/i&&/a& ，&a href=&///?target=http%3A///course/list%3Fc%3Dfe& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发_慕课网课程&i class=&icon-external&&&/i&&/a&&/p&&br&&h2&&b&一、自学网页设计之前，你需要知道的4件事。&/b&&/h2&&p&自学网页设计，你首先得&b&了解网站的制作流程&/b&。在有了全局的概览后，你才能对接下来所要学习的知识，做到了然于胸。然后再做有针对性的学习和训练，方能够更高效率的入门网页设计。当然条条大路通罗马，方法并非唯一，以下就结合自己的学习和工作经历做个总结，希望能对初学者有所帮助！&/p&&blockquote&▽图例：优秀的网页设计作品。类型：企业站。&/blockquote&&img src=&/v2-00ebf_b.png& data-rawwidth=&1205& data-rawheight=&605& class=&origin_image zh-lightbox-thumb& width=&1205& data-original=&/v2-00ebf_r.png&&&br&&h2&&b&1、网页设计的制作流程&/b&&/h2&&p&通常情况下，任何一网站的建立，都会经过“&b&分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线&/b&”6个环节。我们平常所说的【网页设计】与「网页制作」则分别对应着6个环节中的【视觉设计】与「前端制作」，在实际的工作岗位中，其分别由“网页设计师”与“前端工程师”去执行完成。&/p&&p&很多初学网页设计的朋友，对这两者的关系往往是傻傻分不清楚的状态，对自己的&b&专业定位&/b&没有清晰的认识。这就导致学设计的同学，后来干到了“前端工程师”的岗位，学前端的孩子开始猛补“设计知识”，这个就是要走偏的节奏。&/p&&blockquote&▽图例：优秀的网页/平面视觉设计作品。来源：&a href=&///?target=http%3A///t& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&i class=&icon-external&&&/i&&/a&&/blockquote&&img src=&/v2-adffcc953fbd25a3a9a3_b.png& data-rawwidth=&1134& data-rawheight=&755& class=&origin_image zh-lightbox-thumb& width=&1134& data-original=&/v2-adffcc953fbd25a3a9a3_r.png&&&br&&p&在这分工协作越来越明确的年代里，唯有专精自己所在的领域，才能脱颖而出，泛泛而学，只会变得平庸！如果想要成为多面手，那也得先精通一门核心技能！&/p&&h2&&b&2、网页设计，是以视觉设计为主工作。&/b&&/h2&&p&自学&b&网页设计&/b&的核心任务是学习“&b&视觉设计&/b&”相关的知识点。 如何更加高效的传达版面信息？如何规划页面路径？用什么样的排版，或者富有创意的表现形式？用什么样的颜色，以及多大的字号？这是新手学习网页设计应该画下的重点。&/p&&blockquote&▽图例：优秀的网页/平面视觉设计作品。来源：&a href=&///?target=http%3A///t& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&i class=&icon-external&&&/i&&/a&&/blockquote&&img src=&/v2-51e3db75be401e0177979b_b.png& data-rawwidth=&715& data-rawheight=&491& class=&origin_image zh-lightbox-thumb& width=&715& data-original=&/v2-51e3db75be401e0177979b_r.png&&&br&&p&一个网页被设计出来，是给人用，给人看的。 要好看（简洁）、要好用（高效）这才是一个设计师需要反复考虑的。&b&视觉+交互，是网页设计师的核心竞争力。&/b&&/p&&img src=&/v2-871cacaa828a80dec669bfb_b.png& data-rawwidth=&690& data-rawheight=&200& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/v2-871cacaa828a80dec669bfb_r.png&&&br&&p&其中“&b&视觉设计&/b&”的依据，源于前面的策划和交互设计。最后出具的“&b&视觉设计稿&/b&”得符合品牌定位，满足生产运营、以及用户需求，这是网页设计师必修的基本功！&/p&&h2&&b&3、网页制作，是以前端代码为主。&/b&&/h2&&p&&b&网页制作&/b&在流程上，是在设计之后。这部分工作通常是由&b&WEB前端工程师&/b&来完成的&b&，&/b&工程师通常会运用到HTML、CSS、以及JavaScript、jQuery等前端代码，来还原&b&网页设计师&/b&的“视觉设计稿”，以及交互动画等。&/p&&p&“前端工程师”除了要配合网页设计师外，还要配合做后端工程师，做好网页端的数据收集处理等工作。如果你要励志成为一个&b&优秀的网页设计师&/b&，请牢记自己的岗位职责和学习重点，在没有认清“视觉设计”前，要当心自己是不是越位到Web前端开发这个坑里去了。&/p&&blockquote&▽图例：优秀的电商网页设计作品，视觉合成。作者：&a href=&///?target=http%3A///z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&尚云&i class=&icon-external&&&/i&&/a&&/blockquote&&img src=&/v2-7381a14dff4fdec2f8597382_b.jpg& data-rawwidth=&940& data-rawheight=&346& class=&origin_image zh-lightbox-thumb& width=&940& data-original=&/v2-7381a14dff4fdec2f8597382_r.jpg&&&p&再比如优化网站所需的SEO、Ajax等技术，虽无需你动手实践，但能做到了解一二，也是不错的加分项。在设计的时候，也可充分利用这些规则和技术来规划你的版面，使其更加的专业友好。&/p&&h2&&b&4、那么问题来了，新手学习网页设计要学些什么？&/b&&/h2&&p&(1).首先要精通设计软件，把Photoshop玩转，这是网页设计的主力工具！&/p&&p&(2).深入学习排版设计、色彩构成，掌握视觉基础规律（构成、透视、光影）&/p&&p&(3).掌握网页设计规范，了解常见的网页布局形式，学习交互设计等基础知识。&/p&&p&(4).了解前端代码HTML、CSS、JS、JQuery的运用，学一款代码编辑软件（如：Dreamweaver）&/p&&p&(5).了解你设计网站的公司及产品，熟悉这个公司及其产品面向的人群！&/p&&p&(6).拓展学习网站优化、开发、后台数据处理常识（加分项目！）&/p&&p&前四个是基本功，后面的是加分项。越靠前越重要！&/p&&h2&&b&二、通过视频教程和书籍，来系统学习网页设计。&/b&&/h2&&img src=&/v2-e2e9f41c77bbc54294ae98_b.png& data-rawwidth=&1089& data-rawheight=&327& class=&origin_image zh-lightbox-thumb& width=&1089& data-original=&/v2-e2e9f41c77bbc54294ae98_r.png&&&h2&&b&1.网页设计书籍推荐&/b&&/h2&&p&(1).网页设计实践畅销：《&a href=&///?target=http%3A///books/webdesign/34.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&界面设计模式(第2版)&i class=&icon-external&&&/i&&/a&》&/p&&p&(2).设计入门启蒙书籍：《&a href=&///?target=http%3A///books/layout/109.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&写给大家看的设计书(第4版)&i class=&icon-external&&&/i&&/a&》&/p&&p&(3).色彩搭配实践书籍：《&a href=&///?target=http%3A///books/color/95.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&互联网产品(Web/移动Web/APP)视觉设计·配色篇&i class=&icon-external&&&/i&&/a&》&/p&&p&(4).网页交互设计经典：《&a href=&///?target=http%3A///books/webdesign/126.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&简约至上：交互式设计四策略&i class=&icon-external&&&/i&&/a&》&/p&&p&(5).如何制作响应式网页：《&a href=&///?target=http%3A///books/webdesign/23.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&响应式Web设计实践&i class=&icon-external&&&/i&&/a&》&/p&&h2&&b&2.网页设计视频教程&/b&&/h2&&img src=&/v2-6ec58c5b6e0eca5b18c665ad21927aba_b.jpg& data-rawwidth=&690& data-rawheight=&1& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/v2-6ec58c5b6e0eca5b18c665ad21927aba_r.jpg&&&p&学习路线参考：&a href=&///?target=http%3A///career/7.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/career/7.html&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&img src=&/v2-6ec58c5b6e0eca5b18c665ad21927aba_b.jpg& data-rawwidth=&690& data-rawheight=&1& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/v2-6ec58c5b6e0eca5b18c665ad21927aba_r.jpg&&&p&(1).【基础】视觉设计基础理论：学习三大构成、素描基础。&/p&&p&(2).【基础】必备网页设计软件：学习Photoshop视频教程、Dreamweaver视频教程。&/p&&p&(3).【核心】&a href=&///?target=http%3A///z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网页设计专业知识&i class=&icon-external&&&/i&&/a&：学习网页设计设计概述、制作流程、视觉元素、色彩搭配、以网页布局排版、切图、交互知识等。&/p&&p&(4).【核心】网页设计视觉提高：学习网页设计思路，将文案创意到视觉化呈现的全过程，以及画面光影细节刻画的技能提高。&/p&&p&(5).【拓展】更好的团队协作：学习HTML+CSS网页前端课程。&/p&&p&其中视频教程和书籍，里面涉及到的知识点有少许重合，开卷有益，希望大家学有所成！真诚推荐，望以对初学者有所启发！&/p&&p&(完)&/p&&p&未经许可禁止转载，侵权必究！ &/p&
网页设计与UI设计有诸多类似之处，但也有着各自不同的尺寸规范，但本质上都属于“视觉设计+交互设计”的范畴。而WEB前端，则是敲代码的工作，承接在视觉设计的下游，后端制作的上游。以下就分享一两个最有针对性的网站和教程：1.网页设计：
以下这个答案可能和问题无关，但是能希望能帮到0基础的同学&br&&br&之前参加Rails Girls时写的，旨在帮助想学做网站的同学们入门。&br&原文：&a class=& external& href=&///?target=http%3A///note//& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/note/5129453&/span&&span class=&invisible&&04/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&，欢迎建议&br&====================================&br&&b&0基础怎样开始学习做网站？&/b&&br&&br&&p&&b&目标读者&/b&：完全0基础的人，Rails Girls，想了解技术的同学，产品新人&/p&&br&&p&大多数教学, 都太有条理了。先讲概念,
HTML是什么，CSS是什么，HTTP请求是什么....但是一次性听到这么多陌生的概念，很容易晕的。过于抽象了，所以试着写一篇以例子为导向，而不是以概念为导向的介绍，来帮助大家入门Ruby on Rails&/p&&br&&p&Ruby on Rails是做什么的？做网站的，你知道什么是网站（淘宝，知乎..），Rails能做这些，就行了&/p&&br&&p&&b&1. 网站-&网页-&按钮&/b&&/p&&p&我们要做的是什么？是网站，那么就直接以知乎为例好了&/p&&img data-rawheight=&359& data-rawwidth=&600& src=&/92f40dd35b5f148a74a5b466_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/92f40dd35b5f148a74a5b466_r.jpg&&&br&&p&这样一个网站，是怎么和“代码”，Rails联系起来的呢?&/p&&p&这个太复杂了，我们不如只看他的首页（上图）&/p&&p&就拿这个页面来说，他是有3部分构成的，HTML,CSS,JS。不过这样说，依然没有什么用&/p&&p&我们只拿出其中的一个按钮，来解释这个概念&/p&&img data-rawheight=&59& data-rawwidth=&304& src=&/08c3ae9ede82975d43faab_b.jpg& class=&content_image& width=&304&&&br&&p&我应该怎么来写代码，来实现这个按钮？&/p&&p&这个时候，就要用到HTML了，代码如此：&/p&&blockquote&&p&& button class=&sign-button submit& type=&submit&&注册知乎&/button&&br&&/p&&/blockquote&&p&写好以后，生成的就是按钮了（如图）&/p&&img data-rawheight=&82& data-rawwidth=&568& src=&/cdf86eb0e0b034_b.jpg& class=&origin_image zh-lightbox-thumb& width=&568& data-original=&/cdf86eb0e0b034_r.jpg&&&br&&p&&靠，可是这也差得太远了吧？这两个怎么能是一个东西呢！！&，你可能会想&/p&&p&但是他的功能，是不是都是一样的呢？（就是点击）&/p&&p&这个时候，就用到CSS了。（不要在意代码具体什么意思，知道这是CSS就行了）&/p&&img data-rawheight=&570& data-rawwidth=&527& src=&/dd4ebdca1b251b26a5a367a3a20fd493_b.jpg& class=&origin_image zh-lightbox-thumb& width=&527& data-original=&/dd4ebdca1b251b26a5a367a3a20fd493_r.jpg&&&br&&p&（至于JS，可以以后再说）&/p&&p&上
面想说的就是，我们看到的网页，都是用HTML,CSS,JS写的：HTML来说明这个内容是什么，CSS来让这个内容变好看（How it
looks）。这里说的是按钮，其实，网页上的所有这些文字，标题等等都是这样，都是HTML+CSS+JS写的，如下图的头像，链接等等&/p&&img data-rawheight=&415& data-rawwidth=&600& src=&/f90aa57a5a59f132eb0929_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/f90aa57a5a59f132eb0929_r.jpg&&&br&&p&再举个例子，上面的指向某个问题的链接&/p&&p&纯粹的HTML，以及加上CSS来改变他的样子之后&/p&&img data-rawheight=&92& data-rawwidth=&600& src=&/44e85a45bd91ea8c9b37ab_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/44e85a45bd91ea8c9b37ab_r.jpg&&&img data-rawheight=&255& data-rawwidth=&600& src=&/a01ca4057deff1292a5d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/a01ca4057deff1292a5d_r.jpg&&&br&&p&小结一下，上面介绍了什么是HTML,CSS,(JS)&/p&&p&[如果有任何问题，可以直接提问]&/p&&br&&p&&b&2. 难道要重复写很多遍吗？&/b&&/p&&p&再看知乎里面的“发现”页面，一条一条的“回答”&/p&&p&这些“回答“的结构，都是相似的。那是不是，我们的代码就要这样一条一条的写下去呢...？&/p&&img data-rawheight=&428& data-rawwidth=&600& src=&/ba288e6d9e7207e6cdab01a806ad5f53_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ba288e6d9e7207e6cdab01a806ad5f53_r.jpg&&&br&&p&显然，这太麻烦了，所以要用到循环，也就是用编程语言（e.g. Ruby）来做 (e.g for loop )&/p&&p&或者，想根据用户登录/未登录的状态，来调整页面的内容&/p&&img data-rawheight=&245& data-rawwidth=&462& src=&/8b5bb48f8aabd0b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&462& data-original=&/8b5bb48f8aabd0b_r.jpg&&&img data-rawheight=&235& data-rawwidth=&443& src=&/1a420a1872bd3cfa189748_b.jpg& class=&origin_image zh-lightbox-thumb& width=&443& data-original=&/1a420a1872bd3cfa189748_r.jpg&&&br&&p&这里，知乎对于未登录的用户，会有登录的按钮；登录的用户，则显示消息，头像等等。这就用到了编程的东西（if else判断）&/p&&p&[if else, for loop，这些应该还能理解吧？]&/p&&br&&p&&b&3. 怎么实现注册功能？&/b&&/p&&p&上面，我们讲到了看到的网站是如何由代码构成的&/p&&br&&p&不过，写到这里，你可能还在想，这不拖拖拽拽就行了吗？e.g. Dreamwaver, front page等软件&/p&&br&&p&确实如此。&/p&&br&&p&不过，我们怎么实现&b&“用户注册”&/b&的功能呢？&/p&&br&&p&这个时候，就不仅仅是”循环“、”判断“了。显然，这时候，要涉及到更多更为复杂的逻辑。这个时候，就要用到Rails了，我们要用他来实现——注册、登录的功能，发帖的功能，提问的功能，点赞的功能等等等。&/p&&br&&p&所以，Rails（PHP, Python等等）就是用来实现这些“功能的”。这里不再举例子了，因为太复杂，只提几个问题，让大家思考一下，拿论坛发帖子来说：&/p&&br&&p&我们怎么实现&b&“创建”&/b&一个帖子的功能？又怎么&b&“修改”&/b&，怎么&b&“删除”&/b&？&/p&&br&&p&这下，应该能感到这些功能的复杂了。不过，现在依然不用深究，只要知道Rails是用来处理这些复杂逻辑的东西，就行了（此外，我们有这么多用户的数据，帖子的数据，点赞的数据，就又牵扯到数据库了）。&/p&&br&&p&&b&4.
小结&/b&&/p&&p&到这里，我们主要介绍了：&/p&&p&(1) 什么是HTML + CSS +JS （显示网页）&/p&&p&(2) 什么是Ruby on Rails （复杂的逻辑功能）&/p&&p&前面的，就是我们所说的前端，后者，就是常称的后端&/p&&br&&p&如果你下次还有疑问的话，不妨顺着这个思路理一理：&/p&&p&(1) “网页是由什么构成的？”&/p&&p&(2) “怎么实现注册的过程？”&/p&&p&(3) “网站上有这么多数据，怎么保存？”&/p&&br&&p&“可是我想要设计一个很漂亮的网站诶.....”，那个是&b&设计师&/b&做的&/p&&br&&p&对于一个网页来说，设计师决定这个按钮的颜色，阴影，怎样才好看&/p&&p&而&b&前端工程师&/b&（HTML CSS JS），来负责用代码实现这些东西（写具体的代码）&/p&&p&比如设计师说，希望这个按钮是蓝色的，那么工程师就根据这个要求写具体的代码：&br&&/p&&blockquote&&div class=&highlight&&&pre&&code class=&language-text&&button {color:blue}
&/code&&/pre&&/div&&/blockquote&&p&对于小的创业团队来说，可能最开始就直接写代码做完了，不会有专职的设计师&/p&&br&&p&&b&5. 那么，我接下来该怎么学习Rails呢？&/b&&/p&&p&好了，写到这里，应该基本了解什么是Rails了（其实主要介绍的是前端），接下来的问题可能就是：那我应该怎么学会Rails，来自己做网站呢？&/p&&p&不过我先写这么多了，如果有足够的人需要的话，再继续写吧&/p&&br&&p&&b&注：&/b&原标题为Rails in Plain Language，即用浅显的语言，告诉准备学习Rails的同学们，Rails到底是什么。不过本文实际上并没有谈到Rails是什么，更多的写的是前端。因为大多数0基础的同学，并不理解这些，所以先了解一下，我觉得会有帮助。&/p&
以下这个答案可能和问题无关，但是能希望能帮到0基础的同学 之前参加Rails Girls时写的，旨在帮助想学做网站的同学们入门。 原文：，欢迎建议 ==================================== 0基础怎样开始学习做网站？ 目标读者：完全0基础的…
&p&前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。&br&Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！&br&它要求前端开发工程师不仅要掌握基本的&strong&Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持&/strong&等。&br&随着近两三年来RIA（Rich Internet Applications的缩写，中文含义为：丰富的因特网应用程序）的流行和普及带来的诸如：Flash/Flex，Silverlight、XML和服务器端语言（PHP、&a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&，JSP、Python）等语言，前端开发工程师也需要掌握。&/p&&p&前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。&br&HTML 甚至不是一门语言，他仅仅是简单的标记语言！&br&CSS 只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。&br&Javascript 的基础部分相对来说不难，入手还算快。&/p&&p&也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。&/p&&p&Web前端技术有一些江湖气，知识点过于琐碎，技术价值观的博弈也难分伯仲，即全局的系统的知识结构并未成体系，这些因素也客观上影响了“正统“前端技术的沉淀！而且各种“奇技淫巧”被滥用，前端技术知识的传承也过于泛泛，新人难看清时局把握主次。因此，前端技术领域，为自己觅得一个靠谱的师兄，重要性要盖过项目、团队、公司、甚至薪水。&/p&&p&另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。&br&总有新的灵感和技术不时闪现出来，例如CSS sprite、负边距布局、栅格布局等；&br&各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；&br&浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。&br&为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。&/p&&p&随着手持设备的迅猛发展，带动了 HTML5行业标准的快速发展。web领域的技术，大概有10年都没有大的更新了！&br&现在市场很需要优秀的、高级的前端工程师。&br&一方面是因为这是一个比较新的细分行业，而且前端程序员大都自学一部分，知识结构不系统；另一方面，大学里面没有这种课程，最最重要的是：北大青鸟这类培训机构也没有专门的前端工程师的培训课程！！&/p&&p&吴亮在《JavaScript 王者归来》第一张的序里面说：大多数程序员认为 Javascript 过于简陋，只适合一些网页上面花哨的表现，所以不愿花费精力去学习，或者以为不学习就能掌握。&br&实际上，一门语言是否脚本语言，往往是她的设计目标决定，简单与复杂并不是区分脚本语言和非脚本语言的标准。&br&事实上，在脚本语言里面，Javascript 属于相当复杂的一门语言，他的复杂度即使放在非脚本语言中来衡量，也是一门相当复杂的语言！&br&&strong&Javascript 的复杂度不逊色于 Perl 和 Python！&/strong&&/p&&p&&strong&如何学习前端知识？ &/strong&&/p&&p&我们生活在一个充满规则的宇宙里面。社会秩序按照规则运行，计算机语言几乎全部是规则的集合。计算机前辈们定义规则，规则约束我们，我们用规则控制数据。&strong&大部分时候，对数据的合理控制，来自于你对规则的掌握。&/strong&&/p&&p&学习 HTML，CSS 应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。&br&而学习 Javascript 首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！&br&如果你只想当一个普通的前端程序员，你只需要记住大部分 Javascript 函数，做一些练习就可以了。&br&如果你想当深入了解Javascript，你需要了解 Javascript 的原理，机制。需要知道他们的本源，需要深刻了解 Javascript 基于对象的本质。&br&还需要 深刻了解 浏览器宿主 下 的 Javascript 的行为、特性。&/p&&p&因为历史原因，Javascript一直不被重视，有点像被收养的一般！ 所以他有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。&br&作为一个优秀的前端工程师还需要深入了解、以及学会处理 Javascript 的这些缺陷。&/p&&p&&strong&那么一名优秀的、甚至卓越的 前端开发工程师的具备什么条件&/strong&？&/p&&p&首先，优秀的Web前端开发工程师要在知识体系上既要有广度和深度！做到这两点，其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。技术非黑即白，只有对和错，而技巧则见仁见智。&br&在以前，会一点Photoshop和Dreamweaver的操作，就可以制作网页。&br&现在，只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。&br&Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。&br&Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。&/p&&p&其次，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化！如果没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。&br&说到这里，我想起了一个大师说过的一句话：对于新手来说，新技术就是新技术。&br&对于一个高手来说，新技术不过是就技术的延伸。&br&再者，优秀的前端工程师需要具备良好的沟通能力，因为前端工程师至少都要满足四类客户的需求。&/p&&p&1、&strong&产品经理&/strong&。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可是实现的应用。一般来说，产品经理都追求丰富的功能。&/p&&p&2、&strong&UI设计师&/strong&。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说，UI设计师于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成 1px 的误差。&/p&&p&3、&strong&项目经理&/strong&。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。&/p&&p&4、&strong&最终用户&/strong&。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。&/p&&p&&strong&Yahoo 公司 ，YUI 的开发工程师 Nicholas C. Zakas 认为：&/strong&&br&前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了，为了在多种平台中使用，多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术，涉及到广阔而复杂的领域，这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。&/p&&p&————————————&/p&&p&&strong&关于书籍：&/strong&&br&HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。&br&Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。&/p&&p&这里推荐几本 Javascript 书籍：&/p&&p&&strong&初级读物：&/strong&&br&&strong&《JavaScript高级程序设计》&/strong&：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。&/p&&p&&strong&《JavaScript王者归来》&/strong&百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。&br&&strong&中级读物：&/strong&&br&&strong&《JavaScript权威指南》&/strong&：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。&br&&strong&《JavaScript.The.Good.Parts》&/strong&：Yahoo大牛，JavaScript精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。&br&&strong&《高性能JavaScript》&/strong&：《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。&br&&strong&《Eloquent JavaScript》&/strong&：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。&br&&strong&高级读物：&/strong&&br&&strong&《JavaScript Patterns 》&/strong&：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。&br&&strong&《Pro.JavaScript.Design.Patterns》&/strong&：Apress出版社讲解JavaScript设计模式的书，非常不错。&br&&strong&《Developing JavaScript Web Applications》&/strong&：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。&br&&strong&《Developing Large Web Applications》&/strong&：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。&/p&&p&要做优秀的前端工程师，还需要继续努力：&strong&《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”&/strong&。。。 这些都要深入研究！&/p&&p&万事开头难！如果你能到这个境界，剩下的路自己就可以走下去了。&br&&strong&人们常说：不想当裁缝的司机，不是个好厨师。&/strong&&br&如果单纯只是学习前端编程语言、而不懂后端编程语言（PHP、&a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&，JSP、Python），也不能算作是优秀的前端工程师。&br&&strong&在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳&/strong&。&/p&
前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。 Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！ 它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工…
书不在多，好并且适合就行。我个人整理了一个书单，为了照顾懒癌，链接一块贴了：&br&&br&1. head first html与css
&a href=&///?target=https%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Head First HTML与CSS（第2版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&2. css实战手册
&a href=&///?target=https%3A///subject/4861462/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS实战手册（第2版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&3. javascript权威指南
&a href=&///?target=https%3A///subject/2228378/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript权威指南 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&4. css权威指南
&a href=&///?target=https%3A///subject/2308234/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS权威指南（第三版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&5. javascript高级程序设计
&a href=&///?target=https%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript高级程序设计（第3版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&6. javascript语言精粹
&a href=&///?target=https%3A///subject/3590768/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript语言精粹 (豆瓣)&i class=&icon-external&&&/i&&/a&&br&7. 高性能网站建设指南
&a href=&///?target=https%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&高性能网站建设指南（第二版） (豆瓣)&i class=&icon-external&&&/i&&/a&&br&&br&上面的排列顺序就是我建议的阅读顺序，从入门到进阶。其实我想说，看书虽然是很必要的，但是看完不动手练基本上就是自我安慰，以为自己懂罢了。大家共勉吧。
书不在多，好并且适合就行。我个人整理了一个书单，为了照顾懒癌，链接一块贴了： 1. head first html与css
2. css实战手册
3. javascript权威指南
&p&可能我的回答并不受人待见，觉得前端就是HTML+CSS+JS请出门左转，觉得自己如何四个月学会一个框架月薪上万请出门右转。初学者必须要明确前端是计算机学科中的一个职业分支，它和其他的计算机职业一样需要扎实的计算机基础知识，唯一的区别在于前端的工作宿主对象是浏览器。所以《数据结构》、《算法导论》、《计算机原理基础》、《汇编语言》、《linux操作系统命令行》、《计算机网络通信协议》这些基础知识不是说要掌握多好，不管是科班还是非科班出身的人或多或少都应该学习。这样后面的路才会走的顺畅。&/p&&p&
现在很多培训机构上来就是给新人灌输框架，我不否认这种教学会快速培训出一个app组装工人，但是对个人发展来说是极为不利的，这就如同你在富士康再怎么熟练拼装一台iphone去apple公司面试别人也不会录取你是一个道理。&/p&&p&
框架是前端的快捷方式，没有一个框架会是一个程序员安身立命之本。&/p&&p&
前端的知识面非常的繁杂，从平面设计、交互设计、web安全到MVC框架设计、webpack组件化等等几乎每一面都需要从业人员非常扎实的功底，而Javascript作为一门伟大的语言，随着时代的发展宿主对象早已跨越浏览器的局限。在函数式编程思想和面向对象思想基础上分建立了不同库和框架，学海无涯，吾生有涯。选择其中某一个方向钻研都会有非常大的收获。&/p&&p&
现在的前端特别好笑，一方面是企业招不到人，一方面大量速成“前端”找不到工作。其中的缘由就在此。很多人进入这个行业的原因就是被培训机构给匡进来的，自己学了一段时间用了点框架和库搭建了一个简单的页面就觉得前端不过如此嘛！支付宝淘宝过几年我也能回老家创业搞一个。还是回到富士康那个梗上，会组装iphone的流水线工人想去苹果应聘硬件工程师，你还得从计算机基础知识开始学起。这条路你抄不了近道。当你愿意踏踏实实走过这些必由之路时，一切自会海阔天空。&/p&&p&补充：很多人觉得我举出的书名怎么怎么难，其实我相信稍微对计算机有了解的朋友都知道这都是计算机专业本科的基础课本，并非什么深奥的理论教材，面对的人群也是高中毕业才上大学的学生。坦白说的这个答案不是说给那些一心想着四个月学会搭个框架，仿一个网站，写一堆假简历的人的。你们反正JAVA火速成JAVA，挖掘机火速成挖掘机。我希望一些真正喜欢计算机专业的朋友，一些希望在前端这个领域有安身立命想法的朋友不要受到一些人的误导，能够踏踏实实地去面对计算机领域的知识。这样他们才会在未来的路上走的踏实，职业路径才会更加的顺畅。&/p&&p&计算机领域是一个典型的一分耕耘一分收获的地方，你四个月速成自然有四个月速成的收获，你愿意花更长的时间去学习自然会有完全不一样的收获。对于知识，尤其是那些看起来不是那么好学的知识，我们应当心存敬畏之心，你若热爱计算机，那就请尊重它们，你若只是想进来捞一笔钱，没有关系，但也请你不要用无知和狂妄去肆意践踏它们，因为这些知识不是因为你而存在。&/p&
可能我的回答并不受人待见，觉得前端就是HTML+CSS+JS请出门左转，觉得自己如何四个月学会一个框架月薪上万请出门右转。初学者必须要明确前端是计算机学科中的一个职业分支，它和其他的计算机职业一样需要扎实的计算机基础知识，唯一的区别在于前端的工作宿…
&img src=&/50/v2-07b23f69ccceba1e355817_b.png& data-rawwidth=&926& data-rawheight=&769& class=&origin_image zh-lightbox-thumb& width=&926& data-original=&/50/v2-07b23f69ccceba1e355817_r.png&&最近逛B站，无意发现了一个视频合集，叫《微积分的本质》，想着我微积分一直学的不是很好，就点进去看了看。&p&于是我发现了新大陆。&/p&&p&视频用最简单粗暴的几何来展示微积分的意义。虽然我学的时候老师也尝试用几何来解释，但当时并不能完全理解。直到我看到了这些视频。&/p&&p&我还是第一次有这么强烈的愿望想要把好东西分享出去。因为这个系列的视频真的是太赞了。&/p&&p&原视频是发布在youtube上的，制作者叫3Blue1Brown，Ｂ站的翻译了一下，有中文字幕。因为《微积分》系列还没有翻译完，我没看过瘾，又找了另一个集合《线性代数的本质》。&/p&&p&顿时泪流满面。简直打开新世界大门啊！！！！&/p&&p&我知道知乎上有好多的学生，初中高中本科读研的都有。这两个系列真的是良心啊！而且简明扼要。唉，我要是早些年看了这个视频，感觉能少奋斗好几年啊。&/p&&p&哦话不多说先上链接。&/p&&p&&a href=&/?target=http%3A///%21/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili&i class=&icon-external&&&/i&&/a&　这个是ＵＰ主首页。&br&&/p&&p&&a href=&/?target=http%3A///video/av/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【官方双语】微积分的本质 - 01 -&i class=&icon-external&&&/i&&/a&这是微积分的第一集。&br&&/p&&p&&a href=&/?target=http%3A///video/av6731067/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【官方双语/合集】线性代数的本质 - 系列合集&i class=&icon-external&&&/i&&/a&　这是线性代数的合集。&br&&/p&&p&当然还有其他关于数学的视频。那些东西我还没看。但是以上两个集合，真的是感动到哭。&/p&&br&&p&喜欢学习的同学别墨迹了，赶紧去看吧，看完你一定会回来给我点赞的。&/p&&br&&p&对了，补充一下。&/p&&p&&b&&u&这些视频并不能或者说不适合当教材，但能很好的帮助理解。&/u&&/b&视频一集大概也就20分钟，但是内容可能是你高中一个月课程的浓缩。如果你想着在家看看视频就上课就能睡觉了那是不可能的。我觉得这视频更适合本科生一些。比如我这样的渣渣，线性代数和微积分学的一知半解，看完视频简直让我有质的飞升。&/p&&p&再强调一遍，&u&这些视频能很好的帮助你理解数学，但并不能作为教材。&/u&&/p&&br&&p&————分———割———线————————————————————————&/p&&p&更新一下。&/p&&br&&p&几天这么多赞我真的说吓到了。&/p&&p&不过也说明这个系列视频很赞对吧。大家都很好学嘛。&/p&&p&评论区好多同学问有没有概率论的视频。额我没看过这个诶所以也就不知道了。好多人推荐可汗学院，有兴趣的可以自己去看看。嗯我有空也去看看。&/p&&p&另外好多人问b站视频能不能下载。我也是搜了一下才发现有个网站叫kanbilibili哈哈哈哈专门提供b站下载。只要在b站找到你想下载的视频，再在网址栏里的bilibili前面加上kan然后猛敲回车就好啦。&/p&
最近逛B站，无意发现了一个视频合集，叫《微积分的本质》，想着我微积分一直学的不是很好，就点进去看了看。于是我发现了新大陆。视频用最简单粗暴的几何来展示微积分的意义。虽然我学的时候老师也尝试用几何来解释，但当时并不能完全理解。直到我看到了这…
&p&以下内容收录改编自国内第一家专业机器学习社区---集智社区（&a href=&///?target=https%3A//jizhi.im& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&jizhi.im&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&）&/p&&p&个人非常厌恶罗列资源而没有作用的答案（比如有的瞎贴一波图片就完事了，你除了名词什么都不知道），所以给出一些关键资源。&/p&&p&机器学习，应该是以书籍和代码为主，以可以反复观看的视频为辅，尽量避免看一些直播课程之类的，收效很差。&/p&&p&&b&机器学习快速入门只用做好三件事就可以了。&/b&&/p&&p&零、语言基础：廖雪峰 &a class=&member_mention& href=&///people/c32ad3f421f57eaaa5bde& data-hash=&c32ad3f421f57eaaa5bde& data-hovercard=&p$b$c32ad3f421f57eaaa5bde&&@廖雪峰&/a& 的python教程（&a href=&///?target=http%3A///wiki/095c955c1e6d8bbfac/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python 2.7教程&i class=&icon-external&&&/i&&/a& / &a href=&///?target=http%3A///wiki/958fa6d3a2e542c000& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python教程&i class=&icon-external&&&/i&&/a&）或者《python基础教程（第二版）》，这会给你语言的一个整体把握，哪怕你以后不做机器学习了不做程序员了，学会Python这门语言都会对你提高各种工作的效率提供极大的帮助。（这里有个问题就是廖雪峰的教程到中后期跨度很大，而python基础教程过于基础详细，自己把握） &a class=&member_mention& href=&///people/7d81ea65e16ff830a82a869b2823ecc2& data-hash=&7d81ea65e16ff830a82a869b2823ecc2& data-hovercard=&p$b$7d81ea65e16ff830a82a869b2823ecc2&&@军师&/a& &/p&&p&一、Coursera上 Andrew Ng 教授的Machine Learning。语速缓慢，难度很低，跟着课程走，完成所布置的作业就能对机器学习有一个最基础的认识。对你来说唯一的问题在于这门课的编程作业是基于Matlab 或 Octave 的，但是二者的语法结构都特别简单，课程中也包含了简单的教学，所以问题应该不大。
有本书叫《机器学习实战》，作者是哈林顿 (Peter Harrington)，用的语言是Python。（集智中有大大说书里的代码很难看_(:з)∠)） &a class=&member_mention& href=&///people/466cd3853& data-hash=&466cd3853& data-hovercard=&p$b$466cd3853&&@碩骅&/a&
@&a href=&///?target=https%3A//jizhi.im/user/adamhu& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Adam的个人资料 - 集智&i class=&icon-external&&&/i&&/a&&/p&&br&&p&&b&谈机器学习就离不开数学和深度学习。&/b&&/p&&p&二、 CS229+CS231n全部上完。
李航《统计学习方法》（&a href=&///?target=https%3A///subject//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&统计学习方法 (豆瓣)&i class=&icon-external&&&/i&&/a&）全部看完。 学一种深度学习框架。 &a class=&member_mention& href=&///people/b09b647b48bc2fe789a36f& data-hash=&b09b647b48bc2fe789a36f& data-hovercard=&p$b$b09b647b48bc2fe789a36f&&@BigMoyan&/a& &/p&&br&&p&非常简单的辅助资源和快速入门：&/p&&a href=&///?target=https%3A//jizhi.im/blog/post/dl_nutshell_01& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浅说深度学习(1)：核心概念 - 集智专栏&i class=&icon-external&&&/i&&/a&&a href=&///?target=https%3A//jizhi.im/blog/post/nn_py_9& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&9行Python代码搭建神经网络 - 集智专栏&i class=&icon-external&&&/i&&/a&&p&更多相关资源可以来社区BigMoyan的深度学习资源帖（&a href=&///?target=https%3A//jizhi.im/community/discuss/-10-9-2-pm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深度学习资源帖 - 集智社区&i class=&icon-external&&&/i&&/a&）找到。&/p&&br&&img src=&/v2-cae1ce9be5e0a758acaba4_b.png& data-rawwidth=&899& data-rawheight=&752& class=&origin_image zh-lightbox-thumb& width=&899& data-original=&/v2-cae1ce9be5e0a758acaba4_r.png&&
以下内容收录改编自国内第一家专业机器学习社区---集智社区（）个人非常厌恶罗列资源而没有作用的答案（比如有的瞎贴一波图片就完事了，你除了名词什么都不知道），所以给出一些关键资源。机器学习，应该是以书籍和代码为主，以可以反复观…
&p&最近建了一个微信群，专门交流机器学习方面的问题。目前成员囊括了中国主要高校的硕士博士生们。我们的讨论问题中的关于深度学习的，资料都在Github上开源了。我们强烈欢迎每个人参与进来：&a href=&///?target=https%3A///allmachinelearning/MachineLearning& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&allmachinelearning/MachineLearning&i class=&icon-external&&&/i&&/a&&/p&&img src=&/v2-462c51b6bfb3a75a3f5bde2e39fd2ac0_b.png& data-rawwidth=&747& data-rawheight=&830& class=&origin_image zh-lightbox-thumb& width=&747& data-original=&/v2-462c51b6bfb3a75a3f5bde2e39fd2ac0_r.png&&&p&请到&a href=&///?target=https%3A///allmachinelearning/MachineLearning/issues/5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Want to collaborate? Please add your Github account and email below. · Issue #5 · allmachinelearning/MachineLearning&i class=&icon-external&&&/i&&/a& 中留下你的github账号，期待你的贡献！&/p&
最近建了一个微信群，专门交流机器学习方面的问题。目前成员囊括了中国主要高校的硕士博士生们。我们的讨论问题中的关于深度学习的，资料都在Github上开源了。我们强烈欢迎每个人参与进来：请到
已有帐号？
无法登录？
社交帐号登录
139 人关注
1943 人关注
126 条内容
234 人关注
268 条内容
646 人关注}