你前端實習時得到的第一份任務是什麼?

本人最近就要去實習啦,想問問各位前端聚聚當年得到的第一份任務是什麼呢?又或者現在面對初入職場的前端實習生,你會交一些什麼任務給他呢?對第一次來實習的前端實習生又有沒有一些需要特別注意的事情呢?謝謝~


好幾年前的事情了。我印象中第一份工作是接的外包活(還沒找到工作)就是將一個站的PSD轉換成HTML+CSS(後面才知道長得特像Linkedin),歷時一個多月,獨立切完了這些頁面,但收穫非常大,因為自學的時候,只能一個一個頁面切,但未有太多機會,整近百個頁面。當然,剛開始沒有太多經驗,很多東西未能組織的好,經歷過一次之後,才知道。

我記得我在鞋城帶隊時,來了實習生,剛才開始我不會給他什麼正式的任務,會給一些老的頁面,讓他練練手,一段時間之後,給一個時間長,而且坑不多的任務讓他嘗試。

第一次實習,我覺得自己謙虛一些。現在的師兄都非常好說話,很少有人會在你面前裝逼,只要你愛問,總是喜歡給你講的,如果你自己像個啞巴一樣,一個勁的悶頭整,我想你的師兄也不知道你需要什麼樣的幫助。不懂就問,不清楚就問,你的師兄不會因為你問得為什麼多了而感到煩人。當然同一個問題,你不要問,最起碼我是不喜歡這樣的。(^_^)


在聯想服務暑期實習了兩個月。第一次去北京,坐的高鐵,一路都很興奮。下午3點左右拖著行李箱到的公司,辦完實習入職手續。來到工位,還沒坐熱,就接到了第一個任務。

任務是聯想服務官方網站的一個遮罩彈窗。算是廣告吧,關於 Win10 推廣的。這個廣告彈窗上線了至少3個多月吧,現在已經下線了,不過為了紀念,我後來把它放在了我的GitHub上。

  • 預覽效果:Mask Fade out
  • 源代碼:Gaohaoyang/mask-fade-out · GitHub

預覽圖如下,分為兩個頁面,首頁打開就有彈窗,點擊右上角的×後,彈窗向指定目標縮小消失。第二個頁面是,用戶下載驅動時會下拉選擇自己的操作系統,如果是win7或win8,就從上方飛下來這個廣告窗。同時,兩個頁面彈窗都是15s後自動消失向target。

聯想服務官網的PV和UV量應該非常大,我做的彈窗效果應該被非常非常非常非常多的人看到過,當時並沒有覺得什麼,現在回味還真是激動。感謝和晴雨、暢哥、孝言一起玩耍的日子。


設計一個婚紗網站的首頁,然後再把設計好的psd切成html+css。


第一次實習任務是做一套後台項目。當時其實連 Express 還沒怎麼用過,然後就要直接使用內部的基於 Express 開發的 Midway 系統來做後端。然後前端就是用沒接觸過的 BUI 前端 UI 組件和 KISSY 來搞,遇到了非常多的坑。還要跟後端協商定義介面以及聯調。

然後就是開發完了,功能還是基本 OK 的,就是內部系統,連設計稿都沒有,自己上了顛,直接按照原型稿來做的,結果導致 UI 和 交互 被吐槽死了。不過想想還是很激動,那是第一次做全棧的開發。


進第一家公司的時候我有前端基礎,可以手寫html和css了,第一份實驗就是政府網站,那時候總是和一個同事爭論我用div他全部用表格,後來慢慢地也改到div上了,呵呵,當然那時候我地界面設計很醜的,是他帶我走得,那時候我只是前端比他強一些,門戶網站設計是個大菜。

第一份工作基本是70%的政府門戶網站+30%的企業,遊戲專題網站啦。。

湖南婁底市政府和婁底勞動局及其勞動局旗下的冷水江勞動局等分支的的就是那時候我那時候手寫的前端啦 :) 現在應該換掉了,都過去4年多了。

那時候用很多flash,因為做了婁底本地的棋牌遊戲,第二版裡面的小界面是我用FLASH做得,哈哈。

當然有個大神,兼職的大神,10來個棋牌遊戲,全部自己一個人C++開發。。。好牛叉的。。我做界面,哈哈。

政府站對前端的要求相對不高,不過對兼容性的要求高,官員們都在用IE6呢,你不能不做兼容啊。。


第一次任務,嗯,就是學習如何使用git。


做一個基於ionic的mobile web app

https://m.teambition.com

一做就是幾個月,當然期間還打了很多雜,修了五六個項目的各種疑難bug,目前實習三個多月,全職打雜。


我想了想,是讓我把美工的圖切都不切直接就扔上線,好吧,其實那就是個海報╮(╯▽╰)╭


第一份任務是跟著導師做js,

以前沒用過閉包很不習慣,幸好是導師完成了一半的代碼,跟著格式縫縫補補就好

接著就是獨立開發一個監控頁面,第一次用less

花了一周完成和後端的聯調


做html5遊戲demo


剛去的時候,維護一個內部網站,網站直接套著網上不知道哪裡下載的bstrap模板。熬過去之後新項目,說服老大不用模板,然後自己獨自一個寫頁面,在速度和美觀方面都無法讓老大還有其他人滿意(沒設計,沒美工,素材全靠windows畫圖)。最後為了不影響團隊進度,自己親自去網上搜模板然後改模板。

這周模板改完已經上線,昨天立馬請假不幹給自己放假回學校。想辭職不放人,怎麼破。


老闆讓我高仿國外的一個網站,當時我就震驚了。


國際化


做一個H5網站,4-5個頁吧。


寫了一個404錯誤展示頁面。


做一個移動版商城,前端就我一個人,當時在學校只做過PC端,然後大概看了下相關的文檔,了解了些和Web pc版的差異就開始了,當時沒設計師,沒產品原型圖,就用axure大致參考了下小米的移動版商城,做了些小改動,畫好原型圖,配色自己慢慢調的,主色調用的京東的紅色,然後就開工了,最後做完了交給老大綁數據介面


1.寫了一個Email Template. 完全根據設計稿,效果好像他們都挺滿意的。

2.修改翻譯文件...添加string ID 和對應的翻譯

3.寫了一個身份證驗證邏輯(個人認為還是挺嚴格的)

4.完成了半個功能的實現,直接上Angular寫代碼...

5.修了一堆奇妙的BUG

6.被leader說,如果可以帶帶其他的實習生。


數來也快實習三周了,題主自問自答一下都做了些什麼:

  1. 某購物商城的首頁頁面以及子頁面的修改
  2. 某水果電商的移動端商城頁面的實現
  3. 某旅遊公司的廣告頁面的實現
  4. 某保健品的公司展示網站全站頁面的實現
  5. 幫各位同事前端debug,幫市場同事給客戶前端debug
  6. 看了幾章《JavaScript設計模式》
  7. 和前輩們談笑風生(誤)

總之目前的階段還是做頁面以及特效動畫,duang設計稿什麼的~

路途剛開始,繼續加油嘍∠( ? 」∠)_


沒別的大神那麼6,大三甚至大二就有時間而且還去BAT那些大公司實習,我大四才有第一份實習,一入職,接手公司項目,微信平台的前端頁面編寫,一周內完成近10個頁面吧,中間有些頁面布局近似,然而當時的我還不會flex布局,rem也從沒聽說過,對移動端頁面編寫很生疏。。。寫得很慢。。還記得帶我的leader過來問我進度如何,我說快了快了,然後他在一旁偷笑:噗!太慢了。。。


餓了么 完成餓了么的新人挑戰(前端基礎,代碼規範和Angular) 很贊,歷時7天完成~

謝謝魚老闆(他說他脾氣差,但是對我們當手下的都很好,其實大家沒什麼上下級的感覺哈哈)給的實習機會很懷念在餓了么的日子,很想回去看看大家。

順便安利下老東家:

如果是實習生300一天還是很給力的,每天這裡都很很有趣的事情發生(有有趣的人,有趣的事),如果你是很厲害的前端的話,按魚老闆的話說,我們可以聊聊

http://weibo.com/p/1001603879414047110195?from=page_100505_profilewvr=6mod=wenzhangmod


推薦閱讀:

2016年,中國的前端在關注什麼?
前端搞那麼多工具框架庫,是讓開發更簡單,還是更複雜?
react 有哪些最佳實踐?
上海及周邊有哪些值得去實習的IT初創?

TAG:網頁設計 | 網頁設計師 | 前端開發 | 實習 | 前端工程師 |