1. 程式人生 > >最課程階段大作業03:用半天實現淘寶首頁?

最課程階段大作業03:用半天實現淘寶首頁?

       每一個在最課程學習的學生,到了最後幾乎都會來問我一個問題:老師,是不是實際的開發中,都會有一個前端開發工程師,把靜態頁面做好了,然後才交給我們後臺開發啊?

       我只能說:你想多了。

       我知道你這麼問的意思,HTML+CSS+各類前端框架學習起來太繁瑣了,是不是就沒有必要放大的力氣學習了?因為反正有人會幫我們做的。

       我再次說:你想多了。

       在很多網際網路公司,或者較為專業的軟體公司,確實存在前端開發工程師這樣一個職位,但是很多的時候,這個職位是整個公司多個專案所共有的,並不是完全屬於你這個team。就好像美工,你有需求,他則為你工作。但是一般,他為你產出的頁面,很有可能是幾個典型的頁面,佔到總量的10%就不錯了,剩下的90%還得你自己來依樣畫葫蘆自己來完成。

       以上,說的還是有前端工程師的公司。而更多的公司,尤其是中小型公司,對不起,並沒有專門的這個職位。什麼,你是Java工程師,你不會寫頁面?明天不用來上班了。

       Java工程師得應付大部分靜態頁面的工作,我們得安慰自己為:全棧工程師。做得了需求,寫得了Java,還能靜態化,就差會ps做設計的。我覺得之所以你的老闆不讓你做PS,是因為大部分的BOSS不相信我們程式設計師的審美情趣。

       那對於Java程式設計師來說,應該掌握HTML+CSS到什麼程度,才算可以了呢?畢竟,如果我們去查,我們會知道,前端工程師的培訓週期在專業的培訓班中也得4-5個月呢,我們Java程式設計師總不能也學4個月的前端知識吧。

       那,並不需要。

       從我的角度來說,其實你只要能做這件事情就可以了。什麼事情呢?就是,開啟瀏覽器,輸入taobao.com,然後能用半天的時間,自己在記事本中將你看到的頁面實現了就行了。當然,我們不能用TABLE佈局,而是必須用HTML+CSS佈局。

       什麼,太難了?

       對不起,這真不難。我們的要求其實很簡單,不用考慮瀏覽器相容性,不用考慮手機端自適應,只要能在你當前除錯的瀏覽器中看到大致的介面就可以。同時,對於banner圖的切換,對於彈出選單(即彈出div)我們都不要求。

       好吧,其實我們今天的作業不是這個。上面是我對大家的要求,我們今天的作業是實現“商用車金融超市”的首頁(參考,foton.kelasoft.com)。不得不說,其實這個參考頁面是有點醜的,但是,就這樣吧,我都說了,我們程式設計師能有什麼設計美感~~

       作業要求

華麗分割線

===========================================================

最課程JavaEE+網際網路分散式新技術開班進行中,來http://www.zuikc.com看看吧。你想參加不一樣的培訓班,並且一畢業就NB,那就來加入我們吧;

更多技術文章和開班資訊請加入,

QQ群:

相關推薦

課程階段作業03半天實現

       每一個在最課程學習的學生,到了最後幾乎都會來問我一個問題:老師,是不是實際的開發中,都會有一個前端開發工程師,把靜態頁面做好了,然後才交給我們後臺開發啊?        我只能說:你想多了。        我知道你這麼問的意思,HTML+CSS+各類前端框架學習起來太繁瑣了,是不是就沒有

課程階段作業06U度節能平臺控制系統

除了網際網路專案,當今社會還有一個概念非常流行,那就是:物聯網。什麼是物聯網?物聯網是通過感測裝置,按約定的協議,把任意物品與網際網路相連線,進行資訊交換和通訊,以實現智慧化識別、定位、跟蹤、監控和管理的一種網路概念。物聯網是網際網路的一種延伸,將原本使用者與使用者的互動,延伸和擴充套件到物品與物品之間。

課程階段作業04毫無用處的學生管理系統

前面幾期就業班學生知道,我在做簡歷指導時說過:如果你的簡歷中專案經歷寫的是“學生管理系統”、“**辦公自動化”這樣的系統,那麼就等於告訴面試官:你沒有專案經驗。 對於面試找工作,學生管理系統這樣的專案簡直毫無用處,甚至是減分項。如果你一定要說你實現了一個NB的學生管理系統,那麼就需要拿出你在GITHUB上的

課程階段作業02實現自己的利息計算器

       上文描述了版本控制後,此篇才真正到了作業本身。我們第一次大作業要完成的是一個利息計算器。        利息計算器或者說融資計算器有自己的圖形化版本,每一個學習的同學如果想要直觀的瞭解下功能,可以管自己的老師要或者加文末的QQ群向老師索取。不過我們今天要實現的是非圖形化的介面,是CS版本的,簡

課程階段作業05汙水處理系統以及百度地圖

吃著火鍋唱著歌,我們的課程已經進行了兩個月了,現在,我們終於有能力進行真正的軟體開發了。 往期學完課程面試歸來的同學,都知道有一句話:“面試造航母,實際工作擰螺絲釘”。 很慶幸的是,到目前為止,你已經掌握了大部分擰螺絲釘需要的知識了,這些知識就是:JavaSE+HTML+CSS+JavaScript+JQ

課程階段作業之01使用SVN實現版本控制

       版本控制在友軍那裡都是放在整個培訓的最後階段才開始講的,但我們打算放到SE階段。與其匆匆在專案實戰階段弄個半生不熟,然後進入實際工作中接受他人對你的懷疑,不如……早死早超生~~~。        可是,我們畢竟現在才剛學了Java一個月,程式碼都寫的不溜呢,甚至都不知道目前掌握的知識能做點撒實

WEB前端rem佈局仿

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

課程作業03遞歸方法計算組合數、解決漢諾塔問題、判斷某個字符串是否回文

java class ply math alt static multi 構造 strong 課後作業1:使用計算機計算組合數 (1)使用組合數公式利用n!來計算 程序設計思想: 設計並調用大數求階乘的方法結合組合數公式計算組合數的值。 程序流程圖: 程序源代碼

還原頂部的導航欄(含下拉選單,圖示等)

  還原了淘寶首頁最頂部的導航欄,包括了各個導航的下拉列表等(位置對齊稍微有些偏差,畢竟沒有原版設計圖),用到了jquery,js,CSS3等知識。沒有花時間去做錄屏GIF,就幾張效果圖看下:如下   原始導航欄進去後如上圖,當滑鼠劃過後下拉選單出現,本身的背景色改變等。如下: 上圖為區域選擇,每

Swift實現和大眾點評的下拉重新整理

來自Leo的原創部落格,轉載請著名出處 我的StackOverflow 效果 淘寶 大眾點評 專案地址 其中 大眾點評的下拉重新整理用了50行左右程式碼 淘寶的下拉重新整理用了90行左右程式碼 Tips:用

原生js實現詳情圖片放大鏡效果

這個功能是我在模仿淘寶詳情頁的時候做出來的,最初版本對於非1:1比例的圖片沒有做處理,後續對程式進行了完善和邏輯上修改,形成了當前的程式。廢話不多說,直接進入正題了,先上個效果圖先放上這段功能的html程式碼<div id="full-pic">     <

軟工作業3戶體驗分析——以“南通大學教務管理系統微信公眾號”為例

結果 我們 體驗 截圖 客戶 基於 快捷 要求 用戶 一、目標 基於實例分析,體會用戶體驗設計的 7 條準則。 二、要求 1.基於 7 條UX評價準則,分析“南通大學教務管理系統微信公眾號” 在用戶體驗設計方面滿意的地方並陳述理由。 2.同樣

軟工作業4戶體驗分析以 “師路南通網站” 為例

在線咨詢 獲取 平臺 導航欄 二維 無法登陸 我們 圖片 標題 一、目標:針對師路南通 ,開展UX分析。 PS:對比另外2個學習網站:1. UMU學習平臺 ;2. 學生安全教育平臺 基於實例分析,體會用戶體驗設計的 7 條準則。 二、過程 (一)滿意的地

python01作業思路戶登錄程序

是否 active 登錄程序 pre utf-8 pen 文件信息 計數 pla 一、基礎需求:   讓用戶輸入用戶名密碼  認證成功後顯示歡迎信息  輸錯三次後退出程序   作為長期從事運維工作的我來說,學習全棧開發是一個巨大的挑戰。看到一些大神寫的代碼不僅寫的代碼長,

軟工作業戶體驗(案例分析)

同學 軟工 用戶 提示 智慧校園 width 選擇 整合 app "今日校園"App用戶體驗 一、背景 為進一步提升信息化應用水平,更好的服務師生,南通大學智慧校園移動端App"今日校園"定於11月5日正式上線運行。登陸App可瀏覽學校新聞、校園生活、各部門

作業2Verilog語言實現二十進位制計數器

1.新建一個工程,並且加入一個Verilog-HDL檔案,參考例程中的程式碼編寫Verilog語言,編寫完成後如下圖所示 編譯後,檢視RTL檔案如下圖所示 建立VWF檔案,新增模擬訊號後觀察模擬結果如下圖

CEF3CEF3實現簡單的瀏覽器

本例開發環境:WIN10 + VS2015 下載工程 建立一個空的 Windows 應用程式,命名為 SimpleBrowser,如下圖: 新建 main.cpp ,編寫如下程式碼: #include "include/cef_app.h

實驗課作業verilog實現密碼鎖

     剛開始學習verilog,自己寫了個密碼鎖,看上去有不少bug,不過在老師那裡過關了,是自己的第一個獨立完成的verilog程式,試著發個部落格記錄下,同樣也是第一次發部落格。     下面貼程式碼,先是消抖部分:module mimasuo(clk,key_in,

小練習socket實現Linux和Windows之間的通信

ren argc 漏洞 markdown tex sockets acc sas -m 在日常生活中,絕大部分人使用的機器通常是windows系統,可是對於研發人員,開發、編譯等工作往往是建立在linux機器上。其實。在服務器方面,Linux、UNIX和

作業1#python列表實現多用戶登錄,並有三次機會

循環 HA 成功 NPU name 單用戶 登錄 [1] and 1 username = ["juebai","haha"] 2 password = [123,456] 3 count = 0 4 while count < 3: 5 _use