免費的前端網站作品

A. 前端免費,後端掙錢

這個可以有啊，本身後端比前段值錢，但是前段容易看出效果，後端就不容易看出效果了，你要注意下這個方面的問題，可以從這么下手來進行做就好了，這樣就可以完成這個作品 了！

B. 哪裡可以看web前端優秀作品

很多網站本身就是web前端的優秀作品，jq22有比較多的JQ插件類的作品，還有就是開源社區。

C. 有哪個網站可以自學web前端

我也在W3Cschool學過HTML，總感覺缺了點什麼，然後就去報了培訓班，跟老師說我要學用HTML做出好看的EDM設計，於是老師就讓我照著EDM案例模仿學習，很快我就拿到了網頁設計師的認證，賣給客戶$100一個，很快就賺回了培訓費。這算不算最早期的知識付費，還賺了？

學習需要動力，總是停留在理論層面是沒有價值的，所謂的實操也不是一場考試認證，而是做出商業化項目作品，看客戶是否願意為你付費？正好有一個機會，讓你做屬於自己的3D可視化項目，這里了解一下什麼是3D可視化？就是帶有基礎數據的3D效果圖，根據需求不同進行更多效果開發，天貓雙十一倒數大屏也算一種！

D. web前端開發需要提供什麼作品

學下PHP.JSP,ASP.
很多素材網上都可以找到
一個簡單的論壇，社區公司主頁等等都可以，技術一個人做也做不到多麼強大。

E. 前端ui框架好看的有哪些

推薦幾個精緻的web UI框架！

1.Aliceui

Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。

通過SUI，可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。

F. 前端框架都有哪些，最主流的是哪個

推薦幾個精緻的web UI框架及常用前端UI框架！

1.Aliceui

Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。

通過SUI，可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。

G. 前端開發網的網站欄目

「xHTML+CSS」版塊介紹了前端開發日常工作中總結的經驗、技巧，以及站長KwooJan寫的《2天駕馭DIV+CSS》教程，也是初學者入門的經典教程；
「JavaScript」版塊集錦了社區成員的教程、技巧和經驗，學習的同時也可以在這里與前端的大牛們共同編寫一個類庫，這對S水平提高大有幫助；
「jQuery版塊」有站長KwooShung原創的《5天駕馭jQuery》教程，作為一名優秀的前端開發工程師的親身實戰經驗和系統化整理，學習起來比遇到問題就去查的學習方式更加的系統連貫；
「HTML5+CSS3」版塊不但集錦了CSS3、HTML5和Canvas方面的教程，也包含了社區其他學員的優秀作品、學習心得以及經驗總結； 「求助/問問」版塊是前端開發網獨具特色的一個版塊，只要是前端開發方面的問題，都可以在這里提問，將得到站內眾多專業的前端開發工程師解答。
2012年01月12日，前端開發網推出了「問問首頁」新版上線，各位前端朋友在這里提問問題將會更加方便，問題解決效率更高！ 瀏覽器大全：包含了國內外常見的30餘款瀏覽器且提供了下載地址；
前端工具：包含了FireFox和Chrome常見的開發人員插件工具；
jQuery類庫聚合：包含了從jQuery誕生至今所有的版本；
前端開發工具箱：方便前端開發者在開發的時候對代碼進行格式調整或編碼等設置。
JavaScript正則表達式工具：前端開發攻城師在編寫代碼的時候，很多情況下都會用到正則表達式，甚至於我們看了正則表達式的API也不能十分理解，有的時候我們也比較懶，拿著API也不知道怎麼去編寫，此工具便是為此所誕生！
IE6，再見：IE6的死亡倒計時專題，此專題讓很多討厭IE6的前端開發者也對它產生了感情，有種依依不捨的感覺，其中包含了IE6十年相伴，IE6的禮物，IE6的故事，IE6的兄弟姐妹和IE6的自白書。 聚集了前端開發方面優秀的博客、網站、社區等等優秀資源。

H. 找前端的工作，想把代碼轉到網路上方便展示作品，大家推薦一個便宜的、可靠性和安全性都有保障的雲空間吧

有些做前端的同學寫了許多酷炫的頁面，但是苦於沒有免費的雲主機空間，只能將自己完美的代碼默默地存在本地硬碟中。所以，今天我要和大家分享一個獲得免費雲空間的方法，你可以將自己的代碼上傳到這個空間上面，找工作的時候可以讓面試官輕松地訪問你的作品，大大提高面試的成功率！

目前國內免費的雲主機空間非常的少，像著名的阿里雲、騰訊雲等大廠的雲空間都是收費的而且相對較貴，其他小廠的雲空間雖然便宜但是安全性和可靠性無法保證。綜合來看比較劃算的是新浪雲，我自己的代碼就存放在新浪雲中，因為之前本人購買過新浪雲的空間，有免費的邀請碼，這個邀請碼只在一定時間內有效，可以免費幫同學們申請200個雲豆(邀請地址：http://t.cn/RGTXaGv)，摺合人民幣幾塊錢，足夠大家用上幾個月，話不多說上攻略。

申請免費網路雲空間大概分四步：

1 注冊免費的郵箱（任何郵箱都可以，163、126甚至QQ郵箱都可以）

2 注冊新浪微博(新浪為了推廣自己的微博，確實霸道了些，但是有免費的雲空間用管那麼多幹嘛呢)

3 申請雲主機空間

邀請地址：http://t.cn/RGTXaGv

4 登錄SAE主機空間控制台

1)打開 sae.sina.com.cn 輸入注冊時使用的微博賬號名和密碼

好了，到這里你已經擁有屬於自己的免費的網路雲空間，並且能夠初步掌握使用的方法，剩下的就需要你不斷的實踐了，祝你成功。

I. 要准備面試前端工程師，誰能給我一份關於前端設計的作品，高分懸賞

說實話。我有。但是不想發啊。發給你我那是害你好吧。。
我以前也像你這樣，面試前老是想去網上偷些作品什麼的，因為怕面試不好過。後來發現都是我自己杞人憂天。有真本事從來不怕這些。有些公司是一定要求要作品。我之前那家就是，但是我當時真的沒准備有啊，然後就這么空手去了。人家說要作品，給了份圖我，然後回去我當晚就做好了發過去。第二天那主管說我代碼結構不錯功能做得也挺好，就說叫我准備哪天過來上班。
我想說，如果你真心想做這行，就自己認真做一份作品，哪怕是很簡單的那種，哪怕是cos其他網站然後改版出來的那種，都OK的其實。主要是要你親手做出來，懂得代碼之間的原理，這才是重要的。
而且實話告訴你，去面試，不管你帶什麼樣的作品，哪怕很難看的，只要是你自己做的，你可以詳細描述裡面的功能或者代碼設計方面的東西，面試官就會對你印象加分，起碼認可你是自己親手做出來這一點。
所以不要糾結作品質量的問題。自己做好一份，帶過去試試就知道了。當然你說你連最基本的都做不出來，那你去面試這個干嗎呢。。額。

J. 我想知道畢業兩年後想轉行學習前端晚嗎

前言

回顧一路走來，從對編程的一無所知，到現在漸漸的得心應手，感覺編程其實是一種人和機器的對話只是這個交流和對話不是像我們想像的那樣你說一句我說一句，很聰明的是，電腦是用機器語言交流的，通過我寫的代碼運行時候的指令做出相應的動作。這是人和計算機的互動。介紹了人和計算機如何對話之後接著開始切入我們今天主題，如何從零開始自學前端呢，這個問題對於在幾年前我未進入編程領域時候，我也是一無所知。那麼是什麼改變了我讓我進入了編程領域呢？

那是什麼呢，是工作。

對於一個當時快要畢業的我來說，如何拿到一份很好的工作offer，成為我當時人生的最重要的目標。當時打開招聘網站幾乎很多大的招聘網站像智聯招聘，拉勾網，獵聘網找的最多的就是編程技術人員，而且工資薪水什麼都還不錯，這是讓我下定決心進入的第一個原因。

看著很多的招聘我發現我幾乎什麼都不會也不懂，內心很痛苦，感覺人生好像第一次走到低谷了。也許人生只有你走到低谷的時候才可以看清楚你自己吧，我那時就是每天都上網查詢找工作的崗位，然後就看到招聘web開發的工作崗位，這個要求少，然後會的我在網上查了下，好像沒有什麼java，c++還有c#一類的崗位要求的項目多，而且給的薪水還蠻好，福利也高，這是讓我最終下定決心開始從這里開始的主要原因。

對於一個沒有接觸過前端的人來說，想要知道前端開發工作者是幹嘛呢？就需要從零開始完整的認識這個工作和這個工作需要掌握的知識和技能，這是你發現問題和解決問題培養自己思維的開始，在大學我們其實學的就是發現問題並解決問題的能力。

那麼對於一個不會任何語言開發的新人又該如何去學習前端的知識呢，這個問題同樣也困擾著我，雖然我上網查過了網上給前端開發的定義是網頁製作演變而來的，名稱上有很多明顯的時代的特徵。（當時我可是上的谷歌查的，別問我為啥當時會翻牆上谷歌，愛看美劇的朋友都知道）。然後看到介紹互聯網歷史反正說了一大堆，當時記得就看到我們現在處於Web2.0時代，網頁不在像Web1.0時代那樣只是靜態界面了，現在的網頁利用交互形式可以為用戶提供更好的使用體驗，這些都是基於前端技術實現的。下面又列出了Web前端開發需要掌握的知識，需要掌握基礎的CSS還有Javascript，需要了解基本的linux,還有web伺服器的配置，等等一系列的標准。反正看著就是我一個都不認識，但是這些讓我對前端的工作開發有了個基本的認識，也明白了到底前端開發是做什麼工作的了! 這點很重要，這是發現問題，認識問題的開始，那麼接下來我就要解決這些問題了?

我當時就上網查了，看到很多有的是教程，但是都是感覺一大堆東西，因為你對前端開發工作沒有個完整的概念時候千萬不能盲目的去買書和看資料。古代兵家打仗都要做到知己知彼才能百戰不殆。所以自己更不能盲目去做事情了。

這個時候我看到了網上很多的論壇，幾乎每個論壇都有前端開發這個模塊點進去有的是分享資料有的是提問，作為想要快速提升自己前端開發能力的人，我對這些是沒有任何興趣的，我的目的是想看看有沒有啥好的資料可以讓快速學習的。這個時間就是我在不斷尋求解決我目前困境的方式。當時我在一個論壇看到了有人發的幾套免費學習前端視頻，彷彿給了黑暗中前行的我光明的力量。其實現在你翻看各個網站其實都是有免費前端視頻的，在深入的可能就要付費，也有很多前端培訓機構，這個我不啰嗦了。

當時我拿到這些視頻不是立馬去看去學的，我是對比了這些視頻講的內容幾乎所有的都是從DIV，Html，Css開始講解的和我在谷歌上看到的是一樣的。那麼我的編程之路也是從這里開始。

之所以我上面會啰嗦一大堆不切入正題都是為了闡述下，作為一個剛剛學習前端或者說是一個零基礎的人去學習和認識前端的過程以及心路歷程，這些我想大多數自己去學習前端的新人都會迷茫的，有的可能會報培訓去學習，這里我們就不討論了！

前端Html +Css+Javascript的快速學習之道

首先我是自己在看視頻後給了自己定了一個計劃，我是讓自己結合著視頻還有w3c的文檔2個星期學會了HTML以及Css的學習，接受一個新的事物的時候我們人腦都是有個反應適應期，用心做的人14天可以完完全全的改變一個人行為和習慣，那麼我是這樣做的。每天學習差不多有10個小時左右，靠著在以前在考試之前理解以後去記憶的習慣，我當時把Html拆分成頭部，底部還有內容區域，然後又跟著視頻學習的時候繼續細分哪些是塊級元素，哪些是行內元素，哪些是屬性，哪些是布局，哪些是顏色等等這些你細分之後在憑著上學時候記憶的本事，很容易在一個星期掌握。接著就是Css，這個就是用來修飾Html的，這個可能就是在逐步的提高你自己的認知和做網頁怎麼可以更加美化的問題上了，在Css的學習上也是我細分的過程，然後發現哪些樣式啊，框和模型邊距啊，定位啊還有選擇器啊等等這個是細分和定型的過程。

學過這些你就可以做出一個不錯的網頁了，那我覺得我應該提升下我自己我就做了一個工作，那就是做了一個支付寶的靜態頁面當時就是模仿做的支付寶靜態頁面,依稀記得上面的一個圖片寫的」改變,因我而來」。多麼深刻的一句話啊，可是但是就是覺得做的支付寶界面模仿挺好的，簡潔大方，我只是把背景圖片換成了一個美女圖片，這個既看著養眼，也有心裡的滿足感！記住這是我要傳遞的第二個信息，就是一定要有階段性的提升，就是每次學習新的知識的時候，一定要學會去把所學化作在一部作品或者一個簡單的小項目中。

做完這個就是你階段性進入編程的門檻了，然後真正的大的boss在後面呢，需要一個一個區戰勝（其實除此之外我別無選擇）。有點像我們小時候玩的游戲機，一個關底都會出現一個boss的。這個時候我對前端已經有了初步的認識和認知了，現在所寫的都是靜態的頁面，如何讓網頁上的元素動起來就是接下來的重頭戲出場了，沒錯那就是Javascript。

Js絕對是你學習的一個重中之重，為什麼這樣說呢因為網頁的構成就是html是骨架，css是外衣，js就是它的運動軌跡。

• 第一，其實對於javascript我是深有體會的，以我個人的學習來說也是從零開始的，那麼怎麼可以以最快的時間學好的。我是看了javascirpt的零基礎視頻學習，從最基礎的學習面向對象以及語法，數據類型，原型和作用域，繼承等等。看了這個對於初學的人肯定是一臉懵懂的，這是一個需要不斷的練習和學習的科目。

• 第二，就是練習大量的練習，建議這個時候不要買什麼犀牛書，因為這個雖好，但是對於剛剛入門的人不太適合，犀牛書適合工作一段時間js進階看的一部寶典。在這個時候我做的事情是買了一本javascript網頁特效300例，然後結合這個我一個一個案例進行練習，對我自己提高對js的認知和技術，起了很大的幫助，也是我後來js用的很熟練的技術。

• 第三步，練習完那個javascript網頁特效300例，並不等於你就真正的融會了js了，此時你需要在回顧js的基礎，完整的回顧下js的內容，相信此刻的你的感悟已經很深了！然後在結合做個綜合的項目來鍛煉下自己，當時我做了博客系統然後拿著去面試了，這是我當時的面試時候的帶過去面試項目。這個是我傳遞的第三個信息，就是面試一定要有自己完成的作品。

如果這些都井然有序的努力去做了，相信你此刻對前端的一定有了個清晰的認識了。接著開啟我們的進階之路吧。

前端框架的學習boostrap + jquery +angular

招聘的前端人員基本都是需要會boostrap和angular的，而jquery是必須會的，jquery其實在javascirpt的一個框架可以讓你很快的上手，門檻很低方便學習。這個我個人覺得你在學會了javascript以後，可以花個一到兩天時間學習下jquery。至於boostrap是前端的web的ui框架，可以讓你做的網站或者頁面實現響應式的布局。這個的學習我覺得可以直接看官網的那個介紹文章，我當時是在邊看的時候，邊做了幾個網上的例子，其實用一下發現真的很入門很快的，有了前面的基礎，這個入門大概就需要2天就可以搞定了。

真正的難點在angular，當時學習angular是有點困難，覺得怎麼還可以這樣玩啊，什麼數據雙向綁定，MVC等等這個是怎麼回事搞不懂。也是困擾新人最多的地方。那麼怎麼才能學好呢。我當時在網上搜了很多也沒發現好的資料，後來在一個論壇上下載了一套angualar的學習視頻，從最基本的開始講起的我也是從最基礎開始做的，從開始引入angular的js到寫控制器，然後做一個小的購物車項目，後來才明白原來是慕課上的一個angular的學習視頻，不過當時很是開心和感激的，只要自己努力想去學習，辦法總是比困難多的。

Angular的學習後來我的總結就是先要看它的官網介紹和指令，然後在接著去看視頻，不然開始就去看視頻是不知道它講的是什麼呢，我相信從零開始的對這個肯定是有很深的記憶基礎。這個我覺得學習最快的方式就是在熟悉語法後找一個網站去做一下，我當時就是用angular去做了一個仿照汽車之家的簡單的登錄注冊以及車型展示，當時雖然做的不是很好，但是為我面試積累了項目經驗。只有量變積累才能有質變的提高，這個也是我對angular的使用體會，只有在不斷的項目中使用，才能不斷領悟他的精髓。

學習到這里基本你已經可以去投遞簡歷去面試了，有人說剛剛畢業的新人怎麼去寫好自己的簡歷讓面試官給你offer呢？

這個我就以我自己為例，當時我選的是拉鉤和智聯招聘還有就是獵聘網，我觀察過，這三家是招人招的多，HR查看簡歷回復快的三家。後來我就自己在網上觀看了很多人的簡歷和製作以及面試過後發出的簡歷模版，我發現別人之所以面試上寫的不是自己大學的參加比賽，而是自己寫做的項目經驗和實習經歷，這些是一家招聘公司最看重的，他們想要招聘的員工是想有工作經歷或者是項目經驗，可以協調配合項目組開發，然後是有認知，態度好，又負責的員工。當時我結合這些把自己做過的項目整合一起寫了自己做的項目經驗，因為這些也是我自己的經歷，雖然沒有實習但是這樣的經歷也是面試官想看到的，我就當時把這些整理好，投遞了幾份簡歷，然後第二天就有三家讓我面試，結果面試三家都要我，我就選擇了一家外企，也就是我現在今天這家公司。這個詳細的面試，可以留給我們chat的時候可以細聊中間的事項。