為一個前端工程師,也是需要學習充電的!以下這些網站足以滿足你的需求!
技能的提升,是收入的保障,只有不斷學習,才能夠讓自己變得更加厲害!
0.Can I use— Support tables for HTML5, CSS3, etc
非常實用的兼容性查詢網站,你值得擁有!
1.tutsplus.com—Envato tuts+
TutsPlus有大量Web開發人員和設計師提供的教程和技術文章,技能和技巧,想要提升自己能力的同學千萬別錯過!
2.Hacker news—news.ycombinator.com
Hacker news是一個專注于計算機科學和創業精神社會新聞網站,是一個非常適合充電的地方!
3.www.coursera.org
Coursera 是一個教育平臺,它與全世界最頂尖的大學和機構合作,提供任何人可學習的免費在線課程。
作為一個前端,審美其實并不是雞肋般的存在,好的審美能夠讓你的作品更受矚目。
0.awwwards.com
Awwwards是一家專業的網頁設計和開發的綜合體。在這里你可以看到最佳創新的網頁設計,想要讓自己的作品被世人知道?上這個網站就可以了!
1..Dribbble.com
質量最高的設計網站,非常適合想要提升審美的前端工程師們。
永遠不要小瞧資訊的重要性!
0.techcrunch.com
TechCrunch 是美國科技類博客,在這里你可以看到新興互聯網公司的資訊、互聯網新產品的測評、重大突發新聞。是目前已成為關注互聯網和創業的重量級博客媒體,也是VC和行業投資者的投資參考。
1.dzone.com
這是一個編程社區,用戶可以在這里分享最新的新聞和資源,是一個類似IT新聞形式的編程社區。所有用戶分享的信息都會由管理員仔細把關,灌水的現象并不會出現哦!
2.thenextweb.com—International technology news, business & culture
是美國知名的科技博客,如果你想了解國外最新的初創企業,可以來這里看看,也是了解國際趨勢和最新新聞報道的最佳渠道!
幾何時,編程對極客來說是最討厭的事,但在今天,事情已經不再是這樣了。大多數的企業家、自由職業者和市場推銷人員都會告訴你:編程改變命運。在過去幾年里,我一直在學習如何編程,編程也幫助我成為了一個更好的企業家——當我的團隊需要我修理一些網站的bug時,我都可以鞠躬盡瘁了。
你完全不必傾家蕩產去學習如何編程,這12個提供免費編程課的地方推薦給你。
1. CodeAcademy
最受歡迎的學習編程的網站之一就是CodeAcademy啦。事實上,已經有超過2400萬人通過這個教育公司的迷人經驗學習過如何編程,在CodeAcademy,通過上課你可以深入了解到從HTML&CSS、JavaScript、jQuery、PHP、Python到Ruby的所有東西。
2. Coursera
創辦于2012年,Coursera已經成長為一個以營利為目的的教育技術公司,它提供119個機構的超過1000個課程。雖然你可以支付某些程序來獲得一個證書,但還是有免費的各種專門化編程的介紹課程,這些課程由各個大學提供,例如華盛頓大學、斯坦福大學、多倫多大學和范德比爾特大學。
3. edX
EdX是另一個開源非營利在線學習平臺的代表。它是由哈佛大學和麻省理工學院在2012年創辦的,在這里你會學到一些尖端技術和理論。如今,edX的加入者已經包括60所學校,你可能不會在這個免費的哈佛大學電腦課程介紹上走錯。
4. Udemy
Udemy成立于2010年,是一個可以學習和提高職業技巧的在線學習平臺。雖然有需要付費的課程,但也有大量通過視頻課教授的免費編程課,比如為企業家量身打造的編程——HTML&CSS和Python編程介紹。
5. aGupieWare
AGupieWare是一個獨立的應用程序開發商,它從美國的一些領導機構中調查計算機科學程序,后來它創辦了一個由斯坦福大學、麻省理工學院、卡內基梅隆大學、伯克利大學和哥倫比亞大學提供的免費教程,這個項目之后被分成了15個課程:3個入門課程、7個核心課程和5個選修課。
盡管實際上你不會收到貸款,這仍然是一個為未來的計算機程序員準備的完美的介紹程序。
6. GitHub
有時你會被一個問題困住,需要翻看參考書,那就來找GitHub吧。你可以在基于web的Git存儲庫主機服務中,找到囊括80多種編程語言的超過500個免費的編程書。
7. MIT Open Courseware
如果你已經學過了基礎知識,想學學更深層的知識,例如探索編程背后的理論。那就是MIT免費課件網站的優勢了,它包括了例如電腦科學及編程、Java編程簡介和C語言編程實例這些課程。
8. Hack.pledge
這是一個開發者社區,包括一些像BitTorrent的創造者Bram Cohen這樣的高知名度開發者。因此,你可以向世界上一些首席開發者學習,使你的編程能力變得完美無缺。
9. Code Avengers
總部在新西蘭的Code Avengers提供有趣且互動的編程課,教你如何用JavaScript、HTML和CSS編游戲、應用程序和網站。每個課程僅在12小時內完成且有英語、俄語、荷蘭語、西班牙語、意大利語、土耳其語和葡萄牙語版本。
10. Khan Academy
Khan Academy由教育家Salman Khan創辦于2006年,是最原始的免費在線學習機構之一。通過一步步的視頻教程,你可以學會如何用JavaScript和ProcessingJS編程圖畫、動畫和游戲,還可以學會如何用HTML和CSS創建網站。
11. Free Food Camp
這里你可以通過加入社區的專業人士和學生學到HTML5、CSS3、JavaScript、Databases、DevTools、Node.js、Angular.js和Agile。你們甚至可以用編程技能在一起工作,這樣就可以構建免費的應用程序。要記得這點:你正在學習的這些技能有助于解決實際問題,代碼應該是非營利的。
12. HTML5 Rocks
這個Google project發布于2010年,是為了和蘋果的HTML5對著干,這個網站滿是教程、資源和最新版的HTLM5。它是開源的,所以開發者可以隨意使用HTML5代碼,而且因為它比大多數入門課程更先進,你可能想要在進入網站之前先學習一些基礎知識和經驗。
學習代碼原本需要昂貴的書籍和課程,但以后再也不需要了。我強烈建議每個企業家都應該學習編程。還在糾結你要不要編程?這本編程指南會詳細向你展示我從一個企業家到編程者的每個步驟。
原文鏈接: http://www.entrepreneur.com/article/250323(譯者/何抒燦 責編/錢曙光)
用說, Flash的效果大家都清楚。實際上,HTML5和JavaScript擁有很多新屬性,可以用它們來替代Flash。W3Cschool精選16個超牛逼的HTML5和JavaScript特效,看了這些特效,未來的Web發展前途無量。
1.特效:FlowerPower
創作者使用花朵作為畫刷,以貝茲曲線方式繪圖。
2.特效:Breathing Galaxies
動態變換直徑及顏色,可通過鼠標或鍵盤產生新形狀,這個效果不錯!
3.特效:Noise Field
移動鼠標可改變粒子運動,點擊可隨機生成不同粒子效果。
4.特效:HTML5 Canvas粒子效果文字動畫特效
W3Cschool利用HTML5,制造出了粒子效果文字動畫特效。只要你輸入框中輸入想要展示的文字,回車后即可在canvas上繪制出粒子效果的文字動畫,相當酷的動畫效果。
5.特效:Swirling Tentacles
三維脈沖效果,沿著脈沖線有運動的顏色漸變模塊。
6.特效:Keylight
雙擊生成兩個以后的鍵即可發出聲音,移動鍵的位置可產生不同的聲音效果。W3Cschool上面有很多這樣的教程,有興趣可以去看一下!
7.特效:Rotating Spiral
旋轉的螺旋效果,單擊可以控制開始和停止旋轉,是不是覺得高大上?
8.Blob
拖動水滴有重力效果,雙擊可以分離,小水滴碰到大水滴會合并。
9.Trail
彩色顆粒跟隨鼠標運動效果,帶尾巴淡出效果。
10.Graph Layout
一種交互的力向圖布局效果,刷新三觀。
11.Typographic Effects
使用HTML5 Canvas實現的文本特性,效果超過Flash。
12.Crazy Tentacles
移動鼠標可以進行涂鴉,點擊鼠標可以清除畫布,看著確實瘋狂。
13.Nebula
吸引眼球的粒子系統,目的是測試WebGL性能,如果滑動鼠標,可以產生絢麗效果。
14.WebGL Globe
WebGL Globe 是一個開放的地理數據可視化平臺,我們鼓勵你復制代碼,添加自己的數據,創建自己的應用。
15.Particle Playground
用鼠標和粒子進行交互,能發現不一樣的精彩。
16.Surface
使用WebGL實現的水面特效實驗,可放入一張照片,使用鼠標觸動水面會有奇特效果。
上面的HTML5和JavaScript特效,簡直趕超Flash。W3Cschool上面有很多用戶留言稱HTML5和JavaScriptit將替代Flash,不過對于這種說法,也不知道怎么去評判。畢竟這些用戶說的也是很有道理,你認為JavaScriptit會替代Flash嗎?很想知道你的答案!
公眾號:w3c技術教程
提供專業的web技術教程、手冊、工具。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。