⑴ 有哪個網站可以自學web前端
我也在W3Cschool學過HTML,總感覺缺了點什麼,然後就去報了培訓班,跟老師說我要學用HTML做出好看的EDM設計,於是老師就讓我照著EDM案例模仿學習,很快我就拿到了網頁設計師的認證,賣給客戶$100一個,很快就賺回了培訓費。這算不算最早期的知識付費,還賺了?
學習需要動力,總是停留在理論層面是沒有價值的,所謂的實操也不是一場考試認證,而是做出商業化項目作品,看客戶是否願意為你付費?正好有一個機會,讓你做屬於自己的3D可視化項目,這里了解一下什麼是3D可視化?就是帶有基礎數據的3D效果圖,根據需求不同進行更多效果開發,天貓雙十一倒數大屏也算一種!
⑵ Web前端開發比較好的技術類資源網站有哪些
github 程序員的天堂
W3CPlus | css3教程-css3實例-css3動畫
W3CPLUS是一個前端愛好者的家園,W3CPLUS努力打造最優秀的web 前端學習的站點。W3CPLUS力求原創,以一起學習,一起進步,共同分享為原則。W3CPLUS站提供了有關於css,css3,html,html5,jQuery,手機移動端的技術文檔、DEMO、資源,與前端愛好者一起共勉。
W3Help - W3help是由國內多家關注Web標準的公司、團體、標准組織,及科研單位等共同創立的Web標准推廣網站。我們創辦該網站的目的是為了促進Web標准技術在國內業界的應用和推廣,提供跨瀏覽器開發資源,推動國內Web環境與國際標準的接軌,最終實現國內Web的標准化。我們真誠歡迎國內業界同仁一起加入到推廣Web標準的事業中來。
Can I use... Support tables for HTML5, CSS3, etc 查看主流瀏覽器對css、css3等兼容性,很強大。
奇舞周刊 領略前端技術 閱讀奇舞周刊。收集每周前端精華文章,集結成冊,每周五發送給您
碼農周刊 碼農周刊是一份專為程序員打造的IT技術周刊。我們會為你精選一周IT技術干貨,每周三發送,完全免費。
⑶ web前端怎麼自學,有什麼好的網站,或者資料推薦嗎
隨著Web前端的風行於世,有許多小夥伴加入了前端開發行業,但是有很多小夥伴想學Web前端很久了
首先,Web工程師要入門必須要了解前端、後端、後台的基本概念,同時要了解基本的html、css和javascript語法,最後根據設計師的設計圖在不考慮兼容性的情況下把頁面做出來。
其次,你可以把html、css和javascript分成三個階段進行學習。
第一階段:HTML的學習
Html是超文本標記語言,英文全稱為HyperText Mark-up Language,這是一個網頁的骨架。靜態網頁還是動態網頁,最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染後呈現給用戶。
當然,學習html過程是比較枯燥乏味的,所以你需要更有效的學習策略。依w3cschool看來,你可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果,在「代碼」視圖中學本質,將各種視圖的優勢發揮到極致,想必會比單純記憶HTML標簽和屬性有趣、有用的多吧?
第二階段:CSS的學習
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。
學習css建議可以看相關的一些書籍,如《CSS權威指南》(很詳細、很經典!)、《CSS揭秘》 《精通CSS:高級Web標准解決方案》,博客和專欄等也可以瀏覽。
第三階段:JavaScript的學習
JavaScript是一種在客戶端廣泛使用的腳步語言,在JavaScript當中為我們提供了一些內置函數、對象和DOM操作,進而實現客戶端的特效、驗證、交互等。
建議可以看《javascript語言精粹》,js是一門很混亂的語言,這本書能夠幫助你區分哪些是語言的精華,哪些是糟粕。如果是精華部分,我們在後續進階部分可以深入研究,而如果是糟粕部分,那麼只要大概看懂別人寫的渣代碼就可以,自己還是不要嘗試為妙。
通過這三個階段的學習,我們就可以往更高級的web前端工程師進階了!
這里給你推薦5個網站供你學習
博客園
一個面向開發者的知識分享社區,一個IT技術人員想為IT技術人員們提供一個純凈的技術交流空間,博客園很長時間只有一個不能再簡單的博客,近四年,博客園僅靠一個人幾年工作的積蓄在維持。
芯晴素材網-網頁特效代碼
是一個集各種網頁素材以及網頁源碼為一體的面向開發人員的一個網頁素材網站,如果你想要學習前端頁面開發,這里,將是一個很好的起點。
jquery中文網
前端所能涉及領域的干貨文章,包括:Jquery、腳本編程、資料庫、伺服器技術、操作系統、建站教程。
菜鳥教程
網站HTML、CSS、Javascript、PHP、C、Python等基礎編程教程,同一個知識點有多篇不同角度的文章可供參考學習,資源免費,會實時更新站內文章。
jquery插件庫
各種前端程序員能用到的插件,喜歡研究新東西的自學者可以在這個網站里挖掘各種小插件。
以上的回答希望對你有所幫助
⑷ web前端自學到什麼程度才可以找到工作
看書(經典書,比如《JavaScript權威指南》和《JavaScript高級程序設計》等),編程(多打代碼,自己做一些小案例,小項目),follow大牛(阮一峰、廖雪峰、張鑫旭...),社區互動(國外:github,stackoverflow;國內:博客園,CSDN,segmentfault,簡書,慕課網,掘金...),寫作(把知識內化成自己的東西,再輸出,既能加深自己對知識的理解,在幫助別人的同時也能提高了自己在業界的影響力)。
持之以恆,找到工作是水到渠成的事情。
⑸ 前端工程師一般都喜歡去哪些網站逛
前端工程師一般都比較喜歡的網站,推薦如下:
w3cschool
只要是學習者,學習跟電腦軟體,語言相關的知識,肯定要知道的一個網站,該網站由淺入深,非常基礎的給出了很多知識的概括。沒事的時候,經常去看看總能有意外的收獲。runoob
這個叫菜鳥教程網的,雖然叫「菜鳥」,其實很多知識點都已經達到了中等水平,和w3cschool差不多,做了一些整合,相對來說翻譯的中文比較多,可以結合著w3cschool一起看。javascript中文網
前端開發工程師都知道,對於前端開發來說想,學習最重要語言之一就是javascript,所以要想讓自己提升一個等級,javascript是必須精通的,這個網站非常基礎的介紹了javascript的語言使用方式。強烈建議新手觀看。Bootstrap
一個最主流的前端主流框架之一,目前認可度最高的一個前端框架,可以用來做移動端設計。非常的適用。最主要該網站上還提供了其他很多的相關連接地址。在學習的同時也可以擴展個人見識。如果你看到了這,那我接下來就不用介紹了,可以這么說 bootstrap這個網站里的很多東西,都是作為一個前端開發工程師學習的未來之路,例如React,Jquery,vue.js,webpack,angular.js等等等等。。。。
總結:其實前端開發是一個很廣的范疇,所謂的前端開發工程師也要看你的領域,有的只做網站頁面設計;有的製作web單頁設計,有的專門做手機端交互等等,上面我們沒提到的node.js就是前端開發的一個新領域,與其說是前端開發不如說是全端開發的新領域。知識真的是你學的越多,越發現,自己越渺小。
⑹ 有什麼好的前端學習網站或論壇
看看這些網站如何?
基礎性的學習網站:
w3school:http://www.w3school.com.cn/
w3cplus:www.w3cplus.com
菜鳥教程網:http://www.runoob.com
易百教程:http://www.yii.com/
腳本之家:http://www.jb51.net
視頻類的學習網站:
尚學堂:http://www.bjsxt.com/
慕課網:https://www.imooc.com/
扣丁課堂:https://www.codingke.com/
極客學院:http://www.jikexueyuan.com/
個人博客類的學習網站:
張鑫旭:http://www.zhangxinxu.com/
阮一峰:http://www.ruanyifeng.com/home.html
廖雪峰:https://www.liaoxuefeng.com/
辰辰:http://www.chennoted.com/
軒楓閣:http://www.xuanfengge.com/
社區類的學習網站:
segmentfault:https://segmentfault.com/
掘金:https://juejin.im/
簡書:https://www.jianshu.com/
Stack Overflow:https://stackoverflow.com/
CSDN:https://www.csdn.net/
博客園:https://www.cnblogs.com/
希望對你有幫助!
⑺ 零基礎可以學習Web前端嗎
您好,零基礎學習web前端是沒有問題的,web前端相對於其它的專業來說前期學習是簡單的。現在有很多機構都有web前端的教學視頻,你可以根據自己的實際情況看一下這些視頻。零基礎學習web前端有8個階段:
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web學習線路圖
⑻ 現在有很多自學的網站,哪些網站有編程的課程
菜鳥聯盟、慕課網、廖雪峰的官方網站等這些相應的網站上面都有免費的編程課程。這幾個網站上面都有相應的編程的課程可以免費的學習,不過有些地方是需要花費費用的,所以我們在學習過程的當中要小心仔細的區別。
1、菜鳥聯盟
菜鳥聯盟在自學的編程網站當中實際上是比較出名的,而且在現在社會當中也有很多的朋友會使用這個網站來去學習相應的編程的課程。而且菜鳥聯盟主要的目的就是為了能夠去讓很多新手小白的編程學習會更加的輕松,同時每門編程課程的語言都是從基礎教育開始,在學習的過程當中,我們能夠去體會到課程的豐富性從前端到後端,從服務端到移動端的改變,在學習當中我們可以去掌握知識的重要性,這個網站在網路上是能夠搜索到的,需要學習的朋友可以去自行的學習。
通過相關內容,我們可以了解到這三個免費的網站都能夠幫助我們去學習編程的課程,當然生活中還有很多免費的網站是可以使用的,我們只需要用心的觀察。
⑼ 廖雪峰Java教程怎麼感覺說不清楚
廖雪峰Java教程感覺說不清楚是因為入門的代碼技能到實際應用需求的代碼技能差距太遠了。
如果是新手,只學會了廖雪峰Python教程,那約等於什麼都寫不出來。除了做點課後習題,什麼都寫不出來。在你掌握了Python基礎語法之後,你還需要:簡單的網路基礎,包括套接字,HTTP是什麼,為什麼有這個東西,怎麼用;一點前端知識的皮毛,知道HTML和CSS,還有JS是干什麼的;怎麼用正則或者其他工具提取需要的內容;為了編寫效率高一些的爬蟲,還需要知道常見的IO模型和簡單的並發編程。
新手缺乏經驗,缺乏能動性,缺乏對問題難度的評估能力。因為他們遇到問題的時候,無法判斷這個問題到底有多麼困難,可能是一個兩分鍾就能解決的小問題,也可能是困擾業界多年的難題。這樣的畏懼心理才是新手最大的敵人。廖雪峰教程是新手紅利,也是新手糖衣炮彈,他在教程里解決了新手學Python的過程中解決了從安裝環境到各種報錯的大部分問題。以至於很多新手在許晚這個教程後,依然沒有自主學習的能動性,只能喂一點吃一點。著對於任何一個在IT行業混的人來說,沒有主動學習解決問題的能力,比技術本身的難度更致命。
⑽ 廖雪峰官方網站得頂部條怎麼做得
重點是go-top的CSS定義:
div.go-top {
display: none;
opacity: 0.6;
z-index: 999999;
position: fixed;
bottom: 113px;
left: 90%;
margin-left: 40px;
border: 1px solid #a38a54;
width: 38px;
height: 38px;
background-color: #eddec2;
border-radius: 3px;
cursor: pointer;
}
div.go-top:hover {
opacity: 1;
filter: alpha(opacity=100);
}
div.go-top div.arrow {
position: absolute;
left: 10px;
top: -1px;
width: 0;
height: 0;
border: 9px solid transparent;
border-bottom-color: #cc3333;
}
div.go-top div.stick {
position: absolute;
left: 15px;
top: 15px;
width: 8px;
height: 14px;
display: block;
background-color: #cc3333;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
使用fixed定位,讓按鈕始終出現在右下角,通過設定left:90%可以使按鈕在右方出現,但又不會太緊貼滾動條。
按鈕默認不可見,當滾動頁面到一定高度後,按鈕出現,這里用jQuery實現,代碼相當簡單:
$(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > 1000)
$('div.go-top').show();
else
$('div.go-top').hide();
});
$('div.go-top').click(function() {
$('html, body').animate({scrollTop: 0}, 1000);
});
});
當按下按鈕時,有動畫效果返回頂部。
jQuery實在是太強大了,以至於如果你還不會jQuery那你永遠都不可能成為一個真正的前端工程師!