1. WEB挖掘的WEB挖掘-介紹
Web內容挖掘。Web內容挖掘是指對Web頁面內容及後台交易資料庫進行挖掘，從Web文檔內容及其描述中的內容信息中獲取有用知識的過程。同時還可以對Web的組織結構和鏈接關系進行挖掘，從人為的鏈接結構中獲取有用的知識。由於文檔之間的互連，WWW能夠提供除文檔內容之外的有用信息。利用這些信息，可以對頁面進行排序，發現重要的頁面。
·Web使用記錄挖掘。Web使用記錄挖掘是通過挖掘相應站點的日誌文件和相關數據來發現該站點上的瀏覽者的行為模式，獲取有價值的信息的過程。
Web挖掘的目標是從Web的超鏈接結構、網頁內容和使用日誌中探尋有用的信息。雖然Web挖掘使用了許多數據挖掘技術，但它並不僅僅是傳統數據挖掘的一個簡單應用。在過去20年中，許多新的挖掘任務和演算法被相繼發明。依據在挖掘過程中使用的數據類別，Web挖掘任務可以被劃分為三種主要類型：Web結構挖掘、Web內容挖掘和Web使用挖掘。
2. Web前端工程師職業規劃如何做
只有確定好自己的職業方向，才能做好職業規劃。在小編看來web前端工程師能夠找到的職業方向有以下幾種：
資深web前端工程師
這個方向算是web前端最基本的選擇了;
資深web架構師
這一方向即兼顧了工作的單純性，又能夠減少實際的工作量從而能夠騰出時間鑽研技術;
自己創業
這一方向挑戰與機遇並存，作為一個前端技術人員，需要將自己的視野更多放在行業的動態、產業鏈的動態、相關產品領域的動態，把關注細節的優勢繼續保持，同時，增強自己把控一個產品乃至一個公司命運的能力。
職業發展規劃是在職業發展目標的基礎上制定的，我都有一個最終的目標，在這個目標之上，我們需要給自己制定一系列學習和成長計劃，制定的方法如下：
梳理知識架構
其目的在於目的在於，我們要了解清楚，哪些技術是前置、哪些技術是後繼，那些技術是深度、哪些技術是廣度，按照這兩個維度梳理好知識架構之後，我們才能准確地制定清晰的成長目標、高效的成長計劃。
分解目標
小編看來大致可以分為三個階段，包括起步階段、提升階段、成型階段，這三個階段又分別對應著不同的目標：
①起步階段目標：基礎知識的掌握、常用工具的掌握、溝通技巧的掌握、良好的開發習慣;
②提升階段目標：高級技術的掌握、產品思想的學習、各種框架的學習、富客戶端應用的學習、各種網路協議的學習、程序設計;
③成型階段：到了這個階段，我也沒什麼好說的了，如果能達到這個階段，就證明後續的成長之路是異彩紛呈的，是成為一個資深WEB前端工程師，還是成為一個資深WEB架 構師，亦或其他，都要具體分析自身的特點和興趣所在。如果是資深的前端工程師，我覺得更重要的是去作新技術的研究，互聯網技術發展速度日新月異，不斷學習新技術，否則就被淘汰。此外，我建議在知識的廣度、深度方面最好能挑選一個自己最擅長和最感興趣的一兩個領域深入鑽研，不要挑太多，多而不精。
3. 網頁Web設計流程
在進行Web設計時--在設計過程中--形式應該服從功能。這種方法應用於我們站點的整個設計過程中。當然，我們有最新的Web工具，並且能夠將各種可視的小配件上載到網頁上。但是我們認為這樣做將不利於為訪問者提供有效的服務。
事實上，我經常發現一些站點未將重點放在功能上。常見的錯誤包括：
用戶界面元素不一致。例如，同一個控制項在不同清賀的頁面上功能不同，或者同一個功能對應幾個用戶界面控制項。
導航欄位置不一致。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應該保持一致性的「全局導航欄」。
不太注意或根本不注意基本的圖形設計原則，例如排版式樣、色彩和版面的設計。
相關元素和功能的隨意分組。注意將元素放置在網頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。
使網頁過於龐大以至使訪問者需要通過典型的數據機速度的Internet連接進行長時間的下載。這並不是說不應該使用圖形，但是您需要對它們進行精挑細選，然後用適當的壓縮和顏色索引優化它們。
現在的Web站點仍然存在很多問題，這並不奇怪。畢竟，Web設計「藝術」相對來說還是個新生事物。在四、五年以前，Web頁甚至是普通的。那時，人們好像認為他們的Web站點將會吸引訪問者只是因為它們存在--並且，可能在某些情況下這種方法確實有效。但是這些站點一般很難看，並且更重要的是，它們真的難以使用。接下來便進入「看看我們能做些什麼」階段，在網頁中加入了大量的動畫、聲音文件以及其它附加件，導致訪問者需要長時間地進行下載，但是並未獲得多少實實在在的內容。
如今的Web設計師們已經吸取了前人的經驗和教訓。好的站點傾向於簡化和快速，同時在功能上有所提高。這是Microsoft的目標，而且我們最先承認自己所犯的錯誤（參閱「Microsoft的Web簡史」看一看以前的主頁設計）。
設計錯誤並不總是顯而易見的。有時在設計上對一個小元素的移動或更改將有很少或根本沒有影響。但是，在其它情況下，它可能確實會對頁面功能有所影響。而且如果說我們從過去幾年學到了一些東西，那就是小的改動會使Web頁的運行方式有很大的不同。
明確的流程
若要避免類似問題，我們為新服務（例如「搜索」）的創建或關鍵的Web頁（如主頁）設計了一個明確的流程。每個項目都是在一定的基礎上開始的，即我們有一個受益於我們站點上的頁面、部分或用戶界面元素的產品或服務。在早期的產品計劃階段（第1階段），我被要求設計一些初級模型：大致描述頁面、部分或功能的草圖。然後產品項目組檢查產品計劃建議，看看此項服務是否可以為microsoft.com的訪問者真正帶來一些實惠。
如果答案是「可以」，那麼此項目會獲得批准，我們開始寫項目說明書（第2階段）。我們在第1階段的草圖春高和概念基礎上創建並提出一個更為完整的計劃。這時，我們一般還會開始可用性測試（一般會有書面的模型）以了解潛在用戶將對計劃中的設計做出何種反應。在最後開發階段（第3階段），我們創建運行計劃服務的Web原型，並且進行全面的可用性測試以及內部復查。然後完成站點的代碼，修改程序錯誤，最後站點通過實際運轉的Web站點向客戶發布。
正如您所見到的，可用性在整個流程中扮演著重要的角色（參閱「創建有效的Web界面需要認真計劃」）。我們可以為用戶運行某項任務計時，這樣我們就可以在產品以後的版本中對比相同的測試。我們可以使用這種方法進行度量，以確定一個功能的重新設計是否為客戶帶來任何真正的價值。
還有，我們將仔細地觀察以了解可用性對象是否可以計算出如何正確使用新功能--我們稱為「可發現性」的方法。有時這為我們提供了一些挑戰。例如：在我們的站點上，在搜索引擎中鍵入一個片語或字會產生一列結果。然後我們請用戶選擇在這些結果中進行搜索，以便進行更細的搜索並且導向某一頁或資源。但是即使「在結果范圍內搜索」被明顯地標記在深色標簽上，很少有人熟悉它。一些用戶認為他們正開始新的搜索，並且可能毫無結果。我們正在解決這個問題以確保客戶可以利用microsoft.com上所有豐富的功能來提高他們對此站點的認識。
選項「在結果范圍內搜索」看上去很扒正尺直觀，但不是非常易發現的。此問題一直是困擾我們的設計的問題之一。
最後階段
大體來講，站點設計是在發生沖突的需要之間求得平衡的藝術。一方面，我要將站點設計得盡量簡單易用。另一方面，我要確保站點中所有強大的工具可為經驗豐富的用戶所用。與此同時，我還要為內部客戶服務--Microsoft產品項目組--他們對服務有特殊的需要。所以每天我都要解決一些非常困難的問題，經常處於很緊迫的情形中。我發現這種工作是鼓舞人心和有趣的。
這個職業非常需要更熟練的專業人員。我是經過一系列非常不一般的過程--在大學學習圖形藝術，然後在多媒體公司設計CD-ROM，最後加入Microsoft並開發應用程序--才獲得這個職位的。非常奇怪的是，當我申請（並獲得）這份工作時，我以前從來沒有設計過Web頁。但是我廣泛的設計經歷已經證明是非常有用的，並且我自認為已經驗證了格言「成功的設計就是成功的設計」（不論是什麼媒體）。許多設計問題對Web來說是獨一無二的，解決這些問題的方法對於任何媒體都是一樣的。
對於那些准Web設計師我的建議是，他們也應該盡可能地擴大設計背景。今天應該確保將一些Web工作作為互動設計培訓的一部分--大多數好的設計學校已將其加入課程中。但是在排版、色彩理論、版面設計以及生產等方面的扎實的技術將仍然特別有價值。
在未來，Web設計師們仍將會繼續被要求給頁面增加更豐富的多媒體內容，從而為Web站點的可視性和可操作性增加了新一級的復雜性和技術要求。作為CD-ROM/多媒體設計師，要求我必須具有圖形設計、視頻、音頻製作、動畫等方面的知識和創作能力。我的預言是，Web設計師也將向這些領域發展。
對於屬於microsoft.com的我們--以及在Internet上的其它地方--那應該是一個非常有趣的未來。
了解您的觀眾。調查一下究竟哪些人在訪問您的站點，以及他們為什麼要訪問。新手或不定期上網的Web用戶與軟體開發商相比有非常不同的興趣和站點需要。
使您的站點對訪問者來說有所幫助。
為您的觀眾提供所需的信息。使導航元素保持一致，並且確保對訪問率最高的區域進行明顯的標記，是它們易於被找到。
使用清楚的消息。
確保用戶了解此頁面的上下文，並且知道需要他們做些什麼。如果在注冊過程中您要用戶輸入姓名，那麼就直截了當地說。不要讓訪問者自己計算什麼，他們會感到沮喪，於是轉到其它更簡單的站點（例如您的競爭對手的站點！）。
保持一致性。1.初始會商,主要是收集該站點的關鍵信息,包括站點的目標讀者.要發布的內容.開發Web伺服器平台;
2.概念開發,設計師根據收集的信息,開始構思,通常,設計師要把這些構思用草圖的形式呈現給顧客,這個草圖要有整個網站的結構,不同的布局.設計及導航;
3.內容綜合,當決定了設計師的設計,設計師開始製作一些初始圖樣,這些圖樣用PHOTOSHOP那樣的程序來創建,然後,設計師將圖樣列印出來配合文字;
4.HTML布局和導航,一旦客戶同意了這些內容綜合,設計師開始編制Web頁面,導航器也被編制到頁面中,使客戶第一次真正體驗一下;
5.圖形製作,如果客戶同意了站點的外觀和感受,設計師將大量製作所需的圖形,並進行優化;
6.內容流程,客戶的書面材料利用各種網頁技術（CSS、JAVA、FLASH）,有機的和相關的圖形整合在一起;
7.測試,在站點被提交給客戶之前,設計師要徹底測試每個Web頁面和聯結,利用清單,進行修補;
8.交付,一旦簽收,客戶要經常進行他們的測試,找出排版和內容方面的錯誤,做完了這些次要的修正後,正式啟用站點.
這套完整的計劃可以用1-12個月來完成,平均完成時間為4個月.當站點啟用後,要進行跟蹤調查,以確定人們如何使用站點。經過6-12個月的運行之後，重新收集數據,開始重新設計,然後這個Web設計過程再開始一遍。
4. 7. 滲透--信息收集(一)
完成dns、搜索引擎google、ssl、備案號、暴力破解、app反編譯、微信公眾號、jsfinder獲取二級域名信息
whois: 標準的互聯網協議，經常用來收集目標域名相關信息，網路注冊信息，注冊域名、ip地址等信息
可根據以下方法進行子域名探測：
[1]. dns域傳送漏洞
在kali下 使用 dnsenum 參數 域名 命令，來收集一個域的信息。
主要參數：
-h 查看工具使用幫助
-dnsserver <server> 指定域名伺服器
-enum 快捷鍵 相當於"--threads 5 -s 15 -w" (啟動5線程，谷歌搜索15條子域名)
-f dns.txt 指定字典文件
-w (--whois) 在一個c段網路地址范圍 提供whois查詢
--noreverse 跳過反向查詢操作
[2] 備案號查詢
網站備案查詢地址： https://icp.chinaz.com/
http://icp.bugscaner.com/
根據域名在相關網站上找到備案號信息，在根據備案號信息查找到相關域名信息。
[3] ssl證書查詢
通過查詢SSL證書，獲取的域名存活率很高。
查詢網址: https://myssl.com/ssl.html 和 https://www.chinassl.net/ssltools/ssl-checker.html
[4]google 搜索c段
旁站：旁站是和目標賀耐網站在同一台伺服器上的其它的網站。
C段：C段是和目標伺服器ip處在同一個C段的其它服務亂拍正器。
使用網站webscan.cc查詢旁站c段。
1.參考googleHack 用法 ：
2.用DotNetScan工具
工具地址：VStart50VStart50 ools漏洞利用IISPutScanner增強版
[5] app提取
反編譯APP可進行提取相關IP地址等操作。
[6] 微信公眾號
[7] JsFinder 查找子域名
將JsFinder.py復制到kali系統文件夾下，進入該文件夾使用命令 進行查詢。
-d:表示深度爬取
[8] 字典枚舉
字典枚舉法是一種傳統查找子域名的技術，這類工具有 DNSReconcile、Layer子域名挖掘機、DirBuster等。
FOFA是網路空間安全搜索引擎，收錄的是設備而不是網頁。能夠探索全球互聯網資產信息。
網站是fofa.so
搜索語法為：
ip=「1.1.1.1」嘩悔 搜索與此ip相關的網站
port="8009" 查找開發了8009埠的伺服器
domain="qq.com" 搜索跟域名帶有qq.com的網站
PS：指紋識別：其核心原理是通過正則表達式匹配特徵碼或匹配文件的md5值等特殊信息，進而識別web應用程序的名稱和版本，收集信息。
常見指紋檢測的對象
1、CMS信息：比如大漢CMS、織夢、帝國CMS、phpcms、ecshop等；
2、前端技術：比如HTML5、jquery、bootstrap、pure、ace等；
3、Web伺服器：比如Apache、lighttpd, Nginx, IIS等；
4、應用伺服器：比如Tomcat、Jboss、weblogic、websphere等；
5、開發語言：比如PHP、Java、Ruby、Python、C#等；
6、操作系統信息：比如linux、win2k8、win7、kali、centos等；
7、CDN信息：是否使用CDN，如cloudflare、360cdn、365cyd、yunjiasu等；
8、WAF信息：是否使用waf，如Topsec、Jiasule、Yunn等；
9、IP及域名信息：IP和域名注冊信息、服務商信息等；
10、埠信息：有些軟體或平台還會探測伺服器開放的常見埠。
5. 如何用 Python 實現 Web 抓取
Web 抓取的定義
Web 抓取是抽取網路數據的過程。只要藉助合適的工具，任何你能看到的數據都可以進行抽取。在本文中，我們將重點介紹自動化抽取過程的程序，幫助你在較短時間內收集大量數據。除了筆者前文提到的用例，抓取技術的用途還包括：SEO 追蹤、工作追蹤、新聞分析以及筆者的最愛——社交媒體的情感分析！
一點提醒
在開啟 Web 抓取的探險之前，請確保自己了解相關的法律問題。許多網站在其服務條款中明確禁止對其內容進行抓取。例如，Medium 網站就寫道：「遵照網站 robots.txt 文件中的規定進行的爬取操作(Crawling)是可接受的，但是我們禁止抓取(Scraping)操作。」對不允許抓取的網站進行抓取可能會使你進入他們的黑名單！與任何工具一樣，Web 抓取也可能用於復制網站內容之類的不良目的。此外，由 Web 抓取引起的法律訴訟也不在少數。
設置代碼
在充分了解小心行事的必要之後，讓我們開始學習 Web 抓取。其實，Web 抓取可以通過任何編程語言實現，在不久之前，我們使用 Node 實現過。在本文中，考慮到其簡潔性與豐富的包支持，我們將使用 Python 實現抓取程序。
Web 抓取的基本過程
當你打開網路中的某個站點時，就會下載其 HTML 代碼，由你的 web 瀏覽器對其進行分析與展示。該 HTML 代碼包含了你所看到的所有信息。因此，通過分析 HTML 代碼就能得到所需信息（比如價格）。你可以使用正則表達式在數據海洋中搜索你需要的信息，也可以使用函數庫來解釋 HTML，同樣也能得到需要數據。
在 Python 中，我們將使用一個名為靚湯（Beautiful Soup）的模塊對 HTML 數據進行分析。你可以藉助 pip 之類的安裝程序安裝之，運行如下代碼即可：
pip install beautifulsoup4
或者，你也可以根據源碼進行構建。在該模塊的文檔說明頁，可以看到詳細的安裝步驟。
安裝完成之後，我們大致會遵循以下步驟實現 web 抓取：
向 URL 發送請求
接收響應
分析響應以尋找所需數據
作為演示，我們將使用筆者的博客 http://dada.theblogbowl.in/. 作為目標 URL。
前兩個步驟相對簡單，可以這樣完成：
from urllib import urlopen#Sending the http requestwebpage = urlopen('http://my_website.com/').read()
接下來，將響應傳給之前安裝的模塊：
from bs4 import BeautifulSoup#making the soup! yummy ;)soup = BeautifulSoup(webpage, "html5lib")
請注意，此處我們選擇了 html5lib 作為解析器。根據 BeautifulSoup 的文檔，你也可以為其選擇不同的解析器。
解析 HTML
在將 HTML 傳給 BeautifulSoup 之後，我們可以嘗試一些指令。譬如，檢查 HTML 標記代碼是否正確，可以驗證該頁面的標題（在 Python 解釋器中）：
>>> soup.title<title>Transcendental Tech Talk</title>>>> soup.title.text
u'Transcendental Tech Talk'
>>>
接下來，開始抽取頁面中的特定元素。譬如，我想抽取博客中文章標題的列表。為此，我需要分析 HTML 的結構，這一點可以藉助 Chrome 檢查器完成。其他瀏覽器也提供了類似的工具。
使用 Chrome 檢查器檢查某個頁面的 HTML 結構
如你所見，所有文章標題都帶有 h3 標簽與兩個類屬性：post-title 與 entry-title 類。因此，用 post-title類搜索所有 h3 元素就能得到該頁的文章標題列表。在此例中，我們使用 BeautifulSoup 提供的 find_all 函數，並通過 class_ 參數確定所需的類：
>>> titles = soup.find_all('h3', class_ = 'post-title') #Getting all titles>>> titles[0].textu'\nKolkata #BergerXP IndiBlogger meet, Marketing Insights, and some Blogging Tips\n'>>>
只通過 post-title 類進行條目搜索應該可以得到相同的結果：
>>> titles = soup.find_all(class_ = 'post-title') #Getting all items with class post-title>>> titles[0].textu'\nKolkata #BergerXP
IndiBlogger meet, Marketing Insights, and some Blogging Tips\n'>>>
6. Web前端新手要了解的Web前端小技巧!
今天小編要跟大家分享的額文章是關於Web前端新手要了解的Web前端小技巧。Web前端看上去好像是搞文藝的，整天都要「符合顧客的審美」，但其實它的重點主要是在功能方面，要超越桌面應用程序，
Web應用程序必須提供簡單、直觀和即時響應的用戶界面，讓他們的用戶花更少的精力和時間。
為了幫助大家更好的提高工作效率，今天小編就為大家帶來了這篇Web前端小技巧的文章，希望能夠對大家有所幫助。
一、界面元素的需求
在Web前端設計中，簡單清新的頁面是很重要的。在任何時候，用戶的屏幕上顯示的模塊越多，那他將花費更多的時間去搞清楚所有模塊的作用。當模塊很少時，可用的功能變得更加明顯更容易被發現。簡化界面顯然是不容易的，尤其是如果你不想限制應用程序的功能的時候。
當你點擊Kontain
搜索框的搜索鏈接時，會出現一個類似於下拉菜單的層。所以，如果您需要來縮小搜索范圍，您可以選擇菜單中你所需要的類型。這些選項的聚合簡化了搜索框。
我們需要了解用戶的習慣，去掉不需要的部分，只顯示最常用的部分。
你可以用彈出式菜單和操作來做這件事，這在桌面軟體中很常見。決定該保留什麼隱藏什麼不是一個簡單的任務，也會取決於重要性和操作時的頻繁程度。
二、專門操作
根據情況選擇合適的控制項是很重要的。不同情況下可以用不同的方式處理，帶有目的性的控制項會比其他控制項能夠更好地完成他們的目標工作。
例如，拿日歷和下拉列表來做比較，顯然日歷選擇器相比下拉列表不是很方便，在日歷里你可以直接通過點擊選擇你想要的某一天。日歷選擇器也會讓你更容易看到日期、周期和月份(特別是工作日和休息日)，因此能夠讓用戶更快做出選擇。
三、禁用按下按鈕
在Web應用程序的表單問題中，如果你快速地點擊兩次或者更多次「提交」按鈕，這個表單會被多次提交。這個問題是因為它會重復創建相同的項目。其實這個問題不難，大多數Web應用程序來說做到這一點是非常必要的。
它有兩層維護：客戶端和伺服器端
。我們不會通過伺服器端維護是因為這將取決於您使用的編程語言和你的後端架構。基本上你應該做的就是在提交過程中添加一個檢測機制，去檢查被提交的內容是否重復，並且是否需要阻止提交。
四、彈出窗口的陰影
在彈出菜單和窗口下的陰影不止是看起來很漂亮這么簡單。它們幫助菜單或者窗口通過強調從背景中脫穎而出
。它們還通過周圍暗色調區域來屏蔽掉背景內容的噪音。
這種技術來源於傳統的桌面軟體，幫助用戶把他們的焦點放在出現的窗口上。由於大多數情景窗口是不容易從桌面程序中辨識出來，所以陰影幫助他們更接近於讀者，因為這種類似於三維的立體感，讓用戶更好分辨出。
五、空白狀態時你要做什麼?
當你的頁面處在一個空白階段時，你是怎麼利用的?
當在頁面或者查詢結果沒有信息時，告訴用戶如何才能處理這些空白區域是跟用戶最好的交談。例如，一個項目管理應用程序的網頁可能會列出用戶的項目，但如果沒有項目，你可以提供一個創建項目的鏈接。即使已經有創建項目的按鈕存在在頁面上，但這還是大大有利的。
通過空白狀態去激勵用戶行為，可以大大減少「彈出」，並且幫助您的潛在客戶，更好地了解該系統如何工作。
六、按鈕按下的狀態
本人很喜歡頁面上看起來很立體的小按鈕。其實默認輸入按鈕可能不適合在一些情況下，而文字察兆鏈接很多時候不是很討人喜歡。那麼，當你把你的鏈接弄得看上去像按鈕時，它們的操作也應該和按鈕一樣，當然包括被搜州「按動」的效果。
這不是一個純粹的視覺調整。提供即時反饋給用戶將使應用程序感覺更有響應性。
你可以通過CSS為按敗漏租鈕增加按下的效果。
七、在登陸頁面提供注冊的鏈接
這個大家應該都是懂的，無論你點進大大小小的網站，不幹點啥都要注冊個賬號。現在這個流量比油貴的年代，哪個站長不設置個注冊才傻呢。
一些沒有注冊你的應用程序的用戶將不可避免地停在你的登錄頁面上。他們想要使用你的應用程序，但是卻不能立刻找到注冊頁面，這樣的用戶體驗，會讓你永遠的失去這個用戶。
八、關聯導航
站在用戶角度思考為什麼他會點這個，那麼他下一步想看見的是什麼就給他什麼鏈接。你不需要在每個地方顯示同樣的導航鏈接因為在用戶可能不是在每個環境中都需要它們。
Web應用程序也可以受益於這種上下文關聯的控制項，因為這些控制項通過只顯示用戶需要的內容來幫助整潔界面，並非顯示所有的內容。
以上就是小編今天為大家分享的關於Web前端新手要了解的Web前端小技巧!的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助。想要了解更多Web前端相關知識記得關注北大青鳥Web前端培訓官網。最後祝願小夥伴們工作順利!
*聲明：內容與圖片均來源於網路(部分內容有修改)，版權歸原作者所有，如來源信息有誤或侵犯權益，請聯系我們刪除或授權事宜。
7. 怎麼制定Web前端學習計劃
隨著互聯網的迅速發展，更多的人投入到web前端的學習中來，那麼想要自學前端該怎麼規劃學習呢？要學習的技能涉及到哪些呢？對於新手學習HTML5的方法，我有幾個建議給大家，希望可以幫助到想要學習HTML5的同學。
自學前端，首先的你得搞懂前端是什麼，要學習的內容是什麼，每天能抽出多少的時間去學習，能不能堅持的問題，很多同學可能就是三分鍾的熱情去學習，然後過幾天就偷懶學不下去了，為了避免這樣半途而廢，大家選擇學習的方式就是很重要的。還有就是重點的學習哪些技術。
以下就給大家分享一下web前端開發中需要掌握的技術：
1、學習HTML，這是很簡單，基本的是要掌握div，formtable、Ulli、P、跨度、字體這些標簽，這些都是常用的，尤其是DIV和表格，DIV，表也可以用於布局，但不靈活，和用於基本表處理數據。
2、學習CSS，CSS這里說的不包括CSS3 Web前端開發工程師裡面我們看到的，一個可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用來協助HTML布局和顯示，我們稱之為「CSS樣式」，為什麼說DIV+CSS？因為我說div是HTML主要用於布局的，所以div是這個東西的核心！CSS必須配合部。CSS必須掌握浮、位置、寬度和高度，以及較大值和小值，以100%，溢出，邊緣、填充等。這些都是與布局相關的樣式。
3、然後就是JS的學習。JS入門很簡單，不需要很多東西，只要根據ID或名稱DOM或」風格或價值，然後以一個ID或名稱元標簽，或額外的數據，在HTML，這是對數據的操作有關系，那麼數據邏輯的影響，無非是一個跳躍，彈框，隱藏什麼，這一切都是結合其他應用，代碼一點都不難，將這些基本的JS。網路其他好。然後多看一些，不是什麼問題。
4、學習jQuery相當於封裝一組JS插件的JS。其目的是操作更方便，編寫更少的代碼，jQuery條目也非常簡單。這些都是切入點，要學會像JS，只是改變了JQ代碼。剩下的就跟網路一樣。
5、較好是指出背景語言，如java，php，為什麼？因為我們是前台介面數據，從後台到點，如果後台代碼，你知道如何與後台數據交互是好的，它節省了時間，也可以使前端代碼更加規范。否則，可能是因為你回來了，無法忍受的數據，然後前端代碼再次重寫，這將是可怕的。
6、研究CSS3 + HTML5，為什麼放在後面呢？因為現在對於前端人員來說，復合型且不斷提升能力的人是企業很看中的，所以，如果你准備從事專業戰線，學習一下會更好。
以上6點，基本上是一個web前端開發工程師掌握的技術，對於一個新手小白來說，掌握以上技能基本就能入職web前端職位了。