整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
為前端開發，你的一天是不是這樣度過的？
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小時內與您取得聯系。
