整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
为前端开发，你的一天是不是这样度过的？
8:00--9:30 闹铃响了N遍之后，匆忙起床洗漱，在拥挤的地铁上刷朋友圈、公众号和技术论坛9:30--10:00 到公司，吃早点，打开电脑收邮件，终终终于准备好状态开始写代码啦！12:00--13:30 午饭时间，边吃边上网闲逛，看看技术文档，打两局王者荣耀或者睡午觉13:30--15:30奋斗的下午开始了，处理杂务然后写代码15:30--16:30被产品部叫去讨论产品变动的可能性（围观不同技术组之间扯皮）问题终于解决！16:30--18:30 coding，项目leader询问了进度18:30--19:00 肚子饿了和同事一起订餐吃饭19:10-- 21:00加班接着撸代码，测试来找，前天提交的代码有问题，开始吭哧吭哧改bug21:00 几个bug终于改完了，收拾东西坐地铁回家22:30 到家继续写今天的任务，奋斗一个多小时终于完成了（还是晚上干活效率高呀）24:00 洗漱，刷会手机再睡觉，一天过去了
对比一下，大家度过的每一天是不是和这很相似？每天忙成狗，但是心里又空落落的，感觉一无所获？
想一想，在2019年已经过半了：
年初制定的学习计划完成了多少？
node.js和Vue框架掌握了吗？
买的《Javascript语言精粹》翻过吗？
收藏的视频都看了吗？
其实，近两年前端圈内的竞争越来越激烈，企业对前端岗位的要求更为严格（现在找工作你会发现，企业不仅仅是需要应聘者基础扎实，而且对主流技术栈和技术广度都有要求），对前端从业者来说，不进则退的危机感和焦虑感更重了。
那么，克服焦虑最好的方法是什么？
不断学习，充实自己
小编整理了一套web学习视频资料和电子书，帮大家轻松学习进步web前端
下面是部分大纲
第1部分 起步
第1章 何为Web发布
第2章 准备好工具
第3章 HTML和CSS简介
第2部分 创建网页
第4章 HTML基础知识
第5章 使用列表组织信息
第6章 使用链接
第3部分 HTML和CSS的高级用法
第7章 使用HTML和CSS设置文本的格式
第8章 使用CSS设置网站的样式
第9章 在网页中使用图像
第10章 创建表格
第11章 使用CSS定位元素
第12章 设计表单
第13章 使用HTML5定义页面的结构
第14章 集成多媒体：视频和声音
第15章 高级CSS：使用CSS设置页面布局
第16章 响应式Web设计
第4部分 使用JavaScript和jQuery
第17章 JavaScript简介
第18章 使用jQuery
第19章 在页面中使用JavaScript
第20章 使用框架和链接窗口
第5部分 一个都不能少
第21章 移动Web设计
第22章 用户体验设计
第6部分 发布到Web
第23章 如何发布网站
第24章 使用服务器
第25章 搜索引擎和SEO
击上方@巴郎刊关注
这是巴郎刊的第002篇文章
作者|巴郎 编辑|巴郎
来源|巴郎刊
前言
2019年在互联网上有一段非常暴击人心的一段话
你永远赚不到超出你认知范围之外的钱，除非你靠运气，但是靠运气赚到的钱，这往往凭借实力亏掉，这是一种必然。你所赚到的每一分钱都是你对这个世界认知的变现，你所亏掉的每一分钱也是因为也是你对这个世界的认知的缺陷。这个世界最大的公平就在于，当你的财富大于你对这个世界认知的时候，这个世界会有100种方法来收割你。直到你的认知与财富相匹配为止—李松蔚
这段话，我听了118遍。人是环境的产物，而认知对于一个人而言是超过你所处的环境一般神一样的存在。
一）系统思维与认知的重要性
只是简简单单的思维模式不同这么简单吗？当然不是！我们都是局外人，但是和局内的人其实相差无几，差的是系统性思维导致的认知不同，继而制定的行为模式不同，最终导致人生结果不同。外面的人进不去，里面的人却可以随时开启向下兼容模式来解读认知下层的人。
那些成功与牛逼的人都有一个共性，近些年我才开始逐渐意识到：系统性认知与系统性思维是很重要的。无外乎BAT三大创始人、雷军(小米创始人)、任正非(华为创始人)、柳传志(联想创始人)、丁磊(网易创始人)、程维(DD创始人)、王兴(美团创始人)等等。以上这些人都有这些特性，他们的成功一半有时代的缩影，有一半归功于自己的系统性思维模型与对行业的认知。
在巴郎看来，从事任何一个行业都必须要有扎实的基本功行业知识，同时通过对行业的理解，对工具的使用，自我行业知识的更新迭代，对技术的理解等等多方面把这些细小的细节梳理出来，提取出一套可复制的认知模型，在认知模型中的可试错范围内进行数据试错，得出数据结果，从而最终下定结论，批量复制执行。听起来很简单，可是做起来绝非易事。
然而很遗憾。在中国SEO行业确并不是这样。这与SEO在中国的特殊行业国情以及从业人员的特点有很大的关系，非三言两语能够说清楚。
对于即将从事SEO工作以及踏入SEO行业学习的朋友，今天 @巴郎刊 专门写一期关于入门SEO行业的基本入门书，这些书中牵涉到：运营，思维，前端，视频剪切。希望大家在今后的学习和工作中能系统的学习SEO，培养对SEO知识的系统认知，并在工作中不断去践行理论知识，所谓“知行合一”莫过如此
二）web前端类
html的全称是:Hyper Text Markup Language,简写取了每个英文字母的首字母，中文意思：超文本标记语言，它诞生于1995年。它不是编程语言，而是标准通用标记语言下的一个应用，是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分，对网页代码进行执行和解释，它最终通过与CSS样式表和javascript合作一起把网页内容呈现在人们眼前。
这就是它的作用，html内部的代码是主体，CSS与JavaScript是帮手，而很多SEO从业者或者行外人还把html当做编程语言
这类人还不在少数。有些公司的面试官根本就不懂这些，所以面试的时候会问一些很奇葩的问题，让人很尴尬哭笑不得。
关于CSS样式表与JS，巴郎在这里不做深入介绍，我只给大家做一个形象的生活比喻。html好比是一个光着身子的人。CSS相当于衣服的制作工艺流水线，JS相当于衣服的款型和款式，一个人定制一件制作工艺精美并且款式非常漂亮的衣服，穿上以后站在你面前总比一个什么都不穿的人站在你面前有礼貌吧！画面太美丽，这里自己脑补。
html的语法结构很简单，就是由<head>与<body>构成，就像一个人由头与身体构成，而<head>就是html的头，<body>就是html的身体。<head>与<body>是双标记，所以成对出现，最后必须闭合:</head></body>
而CSS样式表分为三种：
--内链式样式表，巴郎称之为：王爷样式表。因为它是直接在<body>的里面直接定义，这种定义方法已经行业被淘汰，我不做深入讲解。
--嵌入式样式表，巴郎称之为：皇帝样式表。因为它位于<head></head>之中，就相当于住在<head>这个皇宫之内，逃不出<head></head>,它只有在<head>中的style中进行属性项定义。
其格式如下
<head>
<style type="text/css">
选择属器性1{ 属性值 }
选择器属性2{ 属性值 }
选择器属性3{ 属性值 }
</style>
</head>
看不懂的朋友没关系，图片演示
代码演示
右边是其显示效果，左边是其决堤的代码结构以及参数。
--外入式样式表，巴郎称之为：蛮夷样式表。可以理解为在<head></head>中有个一个卧底奸细，然后从策应外部随时准备入侵。基本上这种样式表是现在绝大多数网站的样式规范，引用最广泛，它必须在外部新建一个后缀为.css的文件来进行各个属性项编辑
其格式如下：
<link rel="stylesheet" type="text/css" href="style.css" >
body{ 属性值 }
选择属器性1{ 属性值 }
选择器属性2{ 属性值 }
选择器属性3{ 属性值 }
图片演示
上图中黄色部分就是--外入式样式表的书写格式，但是在这里面它并不像--嵌入式样式表那样直接在里面赋值，而是在另外一个文件里具体赋值，详情看下图
在这里我们看到，红色箭头所指的style.css这个文件里面写的具体数值就是对应上图中的黄色部分的--外入式样式表的具体内容，所有一切的赋值全在这个style.css文件中来赋值，从而达到外部的来控制内部的目的，故而称之为--外入式样式表。
你所看到的99%以上的网页基本上都有由html+CSS+js这三个东西构成，剩下1%是暗网，暗网用的是另一套系统和服务器以及不常见的代码与样式。
以上不需要你专业去敲代码，只要你设计出网站的原型图交给程序员，让他们来实现这些效果，但是你要知道，它们各自代表什么含义，如果要改到哪里改，怎么找到它们。这样方便你与技术人员进行沟通降低沟通成本。
以上给大家讲解了html的组成结构与逻辑语法，还有CSS样式表(也可以叫选择器)，他们二者与JS共同打造了当今世界上99%的的网站，剩下1%属于各种暗网的用途。如果能用div+css能解决样式问题，就尽量不要用JS来实现，因为JS属于动态文件类型，对搜索引擎来说抓取困难极为不友好，这个等你学习了JS以后就明白为什么了。
既然html是一个人，那么怎样成为一个有思想，有温度，有品味的人呢？当然这是由html内部的代码结构决定的，所以学习好基础的html，打下扎实的基本功非常重要，不要求你一定要用div+css去敲出精美的页面，但是起码你要能看懂前端的代码，知道代码的结构以及如何修改，以及看出哪里被挂马了或不正常，这是一个SEO从业者必修的基本功。以下推荐几本html的基本入门读物。
第一本：《深入浅出html》
如果你一点html基础都没有，就先入手这本，淘宝与京东上有售，先看下基础过一遍，然后在网易云课堂搜索html教程，有一些老师免费讲的的html基础视频课也不错，其实前端开发的知识重在实践，而书籍作为理论只是让你有一个更系统的认知与理解，不管你看哪本书，最终都要回到实战中来。因此先看视频教程，再看书，手动敲一下代码，就明白书中所讲的意思了。这套教程的老师还是不错的，基础讲完，直接就带你敲代码，啪啪啪！网易云课堂自己搜索。
网易云课堂搜索这个课程
第二本：《html+css+js网页制作从入门到精通》
共18章与4个附录，重点介绍使用HTML进行网页制作的方方面面，同时讲解了目前流行的Web标准与CSS网页布局实例，以及基于JavaScript语言的网页特效制作。为了便于读者学习，附录中汇集了经过作者精心整理的网页制作技巧60多例，html前端代码其实都很简单，但是把每个知识点串联起来就比较复杂了。比如浮动原理float、盒子模型、对应每个单词的全拼是什么意思、定位position、块级元素div与内联元素span等等再与CSS结合使用，是非常复杂的。
第三本：《CSS权威指南》（第3版）
这本书巴郎最近在看，只看了两章，给我一个感觉：严谨，规范，SEO从业者必入。培养你良好的系统知识，和CSS审美观念是非常重要的。
JS其实我还没开始学，我也不知道哪些书好，就不推荐了，感兴趣的朋友自行百度搜索，或者你认为不错的书可以推荐给@巴郎刊 专业人士可以在下方评论推荐，再此巴郎谢过。
以上是关于html与css基础书籍，其实我还是建议大家先看视频，后看书，手动实战敲代码，手过一遍领会其中的含义。前端学科无非就是多敲，多看，多思考，其领域的知识不难，全部都有规律可言。
第一本：
这本书我觉得自己是很有发言权的，首先其作者是我的老师:元创老师，河南人氏，从业SEO十多年的老兵。个人博客:www.lxysem.cn目前在备案中。《SEO实战》一书的作者，出版时间：2017年3月
书籍封面
元创老师从事SEO工作十余年，也是我当年在北京培训学习时候的教学老师，元创老师口才不行，在表达方面比较欠缺，然而著书立说确实一位十分严谨，态度端正的老师。虽然在北京的那两个月，我确实没学到太多东西，但是这位老师的出书态度，学术的规范性和知识的严谨性，教材的逻辑性编写的非常好，是我目前看过或者说在中国SEO领域基础SEO入门教材中最好的入门书籍，其余的入门书籍，要么沽名钓誉，要么重复拖沓，要么实战环节无从下手。
因此这本书是目前对新人来说最好的SEO启蒙书。这本书问世比较晚，2017年3月出版，在SEO圈子里知名度不高，所以很多人不知道。
今天巴郎把它推荐出来，以便于更多的零基础新人接触到它。新人零基础就看这一本书就够了，其他的入门书统统略过。这本书的示范对象是以dedecms的程序网站为范例，从0到1手把手教你选域名，找网站程序，找关键词，写TDK，站内外优化，SEO优化方案等等全套全系统指导，还有图文加视频实操演示指导，我觉得没有哪本入门书籍可以和这本书相比较，唯一的不足就是问世的太晚了，要是我当年开始学习的时候就遇到这本书或许我会少走很多弯路。话不多说，赶紧入手一本好好看下，再此学生巴郎向元创老师致敬。
第二本：
我说过其他的SEO入门书籍通通PASS，但有一位大神的书我还是再次推荐一下。因为这本书你可以把它当做SEO字典来看，入门的话还是要差一点。当你遇到一些理论原理性知识不懂时，可以看下这本书。《SEO实战密码》第三版，作者：ZAC(昝辉)，出版时间：选购最新的第三版。
对于这个既有颜值，又有高学历，又有老资历的圈内人士，可以说他(ZAC)是SEO圈子的泰斗，远近闻名，我就不做太多介绍了。其它比较值得一看的书：《SEO艺术》、《SEO全网优化指南》基本上新手就看这些书做个了解就可以了，不必深究，还是以我推荐的第一本书为主要入门学习教材，其余入门书忽略。
三）运营类推荐读物
第一本：
书名：如何成为一个运营大牛
作者：黄志远
出版时间：2018年1月
开篇首章节就倡导结构模型思维：设计要高位思考，低位数据化执行的运营策略与框架模式。
高位思考:从上到下的思考方式来设计好运营模式。
低位执行：设计好模式以后从最下面开始去执行你的运营步骤，用数据支撑做出判断，进退有据，遇到问题解决问题。这不禁让我想起一句话：普通的人才改变结果，优秀的人才改变原因，顶级的人才改变模型。
第二本：
书名：运营之光
作者：黄有璨
出版时间：2017年4月
SEO是一个与时俱进的学科，不要沉浸于旧时代的SEO领域，虽然现在很多SEO从业者用快排，灰帽手法谋取暴力，随着时代的跃迁然并卵，这对白帽来说确实不公平。我们可以布局未来，而运营是你必须学的，不管你从事什么行业，运营无时无刻不出现在你的生活中。这本书有作者10年的互联网运营经验倾囊相授，也介绍不花钱的用户增长方法，你不妨打开它细细品读一下。
四）视频剪切类
关于这一类，我没什么好推荐的书，因为这类学科的知识还是直接上手操作软件比较好，不要看什么书，看一万遍真不如自己动手上去捣鼓一番。
视频剪切类的软件特比多：爱剪辑，绘声绘影，各种手机APP，Comtasia Studio,Videoleap，第三方软件等，但是这些巴郎都不推荐，学视频剪切只学一个PR(premiere)就够了，并且把它学精，其余的忽略。关于教程由于版权原因我就不分享了，大家自行在某宝上去购买，或者在B站上有很多UP住上传的教程都是不错的。学好视频剪切对SEO也有很大的帮助，多一个技能，多一种优化思维
对于色彩设计类，设计类的书籍我推荐一本，《配色原理》
一本来自日本出的配色书，此书的配色理念绝佳，里面讲述了颜色的属性，以及各种颜色所代表的意思。什么场景该用那个系列的颜色，还给出了各种代表性的颜色。巴郎个人认为作为SEOER最简单的配色理念你还是要学习的，别设计出的网站或排板做出的PPT丑到自己看了都想打自己。
最后软件类，什么AI和UI就不提了，这个你不需要去涉猎太多，毕竟人的精力确实有限，但要一精多能成为一个多面手。不过最最基础的PS一定要过关。比如改个图，磨个皮修个图片，遮罩，蒙版的运用等等小知识一定要学，和PR结合起来，运用自如。可以更好的为SEO优化服务。
当然道这些都可以外包，有钱都可以找小姐姐们搞定，但你要记住：自己脑海的想法只有自己才能展现出来，找外包或者找别人总会缺少点什么。所以要自己学，因为认真博学，所以更专业
五）编程类
python必学，不管你是不是SEO从业者，学点python准没错，python可以在很大程度上提升工作效率，巴郎也是最近才开始关注python的，我个人不建议找什么老师，因为每个老师的视频教学风格是不一样的，这会导致你入门的时候会受到老师的影响夹杂很多先入为主的观念然后纳入自己的思想体系，其实这样不好。
最好的方式，找些系统的教学视频然后加上系统的看教学书籍，做笔记学习，对应哪个知识点不懂，就多敲代码去体会它的含义，这样比较好一点。因为是自己自学的，所以在某种程度上而言不太会受到他人的思想影响。
推荐一本入门书籍
六）思维类
这块儿仁者见仁智者见智吧，总之有很多创业的leader的思维都是不错的，巴郎也不知从何谈起，平时大家除了看SEO书籍以外。运营书籍和商业案例书籍还是涉猎一些比较好。
不要老是盯着SEO类书看SEO是多元化的，除了核心的白帽玩法以及不断更新的算法除外，其他一切都在变，与时俱进的SEO才是最好的SEO。
七）文案类
文案是一个产品的前奏，好的前奏可以为产品埋下一个好的销售伏笔，作为SEO从业者文案也是其基本功，所以文案是必须要学习的。在这里书籍我就不推荐了，自行购买文案书。按着自己的口味挑选吧任何成功的文案都是不可复制的，但是其精髓和元素是共通的，借鉴其成功之处，优点即可，切莫生搬硬套。
书也推荐了，接下来是行动，自古道学海无涯苦做舟，苦中亦有乐，千里之行始于足下。
我是@巴郎刊，本文为巴郎原创
巴郎：一个有趣的人，90后小哥哥，去过很多省份，做过传统销售，口才绝佳。后结缘SEO入行互联网，负债几十万到还债一身轻从头开始，携两袖清风划一叶扁舟踏着借来的山寨版筋斗云溜进你的心房：嗨！轻轻地我来了，没打算走。
今天和大家一起聊聊JavaScript的推荐书籍，每一本都是精选，做前端开发的朋友们如果没读过，可以尝试一下。下面给大家简单介绍了书的内容，还有读书的方法，希望可以帮大家提升读书效率。
第一本推荐的就是经典中的经典，我感觉所有做前端开发的朋友们都应该有这本书，不要以为书名写着高级，就很难，就不适合新手。只要您掌握读书的方法，这本书可以带你从入门到进阶。
对于初学者，推荐从第3-9章和第13，14章，每一章不要把所有小节都看完，只看2到3节就好，这样，就能组合出一套经典的js初级教程。把里面的东西都吃透了，代码自己尽量都写一遍。看懂和能写出来还是有区别的。
经过了上面的学习，js基础应该已经打下来了，然后可以试着了解每一章的后几节内容，js技能水平会有显著提升。
《JavaScript高级程序设计》可以说是ES5语言层面的经典之作，那《JavaScript DOM编程艺术》就是新手入门DOM的经典之作。大家可以看到上一本书中我们跳过了10、11、12章，这三章讲的就是DOM，我们可以从《JavaScript DOM编程艺术》这本书中，用更舒适的学习曲线和更优雅的代码来学习DOM的相关知识。
需要特殊说明的是，这本书是绝对的入门书籍，如果有些新人对《JavaScript高级程序设计》这本重量级教科书不适用的话，用这本《JavaScript DOM编程艺术》入手JavaScript语言也是可以的。
终于说到犀牛书了，这本网上很多人都推荐，但我并不推荐大家读这本更重量级的书，毕竟1000多页，从头读到尾还是需要毅力的。
坦白的说，这本书写的非常好，但是很多内容与《JavaScript高级程序设计》重叠，所以可以把这本书当做工具书，对于某些知识点，如果感觉《JavaScript高级程序设计》的讲法不和你胃口（其实就是没看明白），可以来《JavaScript权威指南》中找找答案。两本书互补，会有不错的效果。
第一本国产书登场，前几本书都是以ES5为基础的，这本书虽然名字教《ES6标准入门》，但写的都是ES2015+的特性。书中的案例看得出都是阮一峰老师精选的，而且案例之间的关系衔接得当，语言表达思路清晰易懂（这是阮老师一贯风格）。如果想系统的学习ES2015+的特性，这本书是不二的选择。
这是一本神奇的书，汇总了几乎所有JavaScript的疑难杂症，然后一一讲解。
书写的很好，但是这是本绝对的进阶教程，如果没有一点JavaScript功底，还是不要碰这本书了。
很多前端新人感觉JavaScript都是一道难题，更别说数据结构与算法了。这本书可以解决大家的疑虑。他用JavaScript，简洁地实现了各种常见的数据结构和算法，内容并不复杂，可以作为前端朋友们修炼基本功的教科书。
今天就介绍这六本教科书（其实是七本，《你不知道的JavaScript》出了上卷和中卷两本书），大家如果有时间的话可以看一下。我看的书里面就感觉这基本比较好，所以给大家推荐一下。《JavaScript语言精粹》（蝴蝶书）听说也不错，但是没有读过，就不在这献丑了。
我建议大家在购买书籍之前，先到网上下载一份电子版，看看这本书是否适合自己，这些书网上都能搜得到。
如果喜欢这些，我建议大家买纸质的正版书籍，我感觉读电子书永远都没有读纸版书那样的感觉。
*请认真填写需求信息，我们会在24小时内与您取得联系。
