最課程階段大作業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+各類前端框架學習起來太繁瑣了,是不是就沒有
最課程階段大作業06:U度節能平臺控制系統
除了網際網路專案,當今社會還有一個概念非常流行,那就是:物聯網。什麼是物聯網?物聯網是通過感測裝置,按約定的協議,把任意物品與網際網路相連線,進行資訊交換和通訊,以實現智慧化識別、定位、跟蹤、監控和管理的一種網路概念。物聯網是網際網路的一種延伸,將原本使用者與使用者的互動,延伸和擴充套件到物品與物品之間。
最課程階段大作業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可瀏覽學校新聞、校園生活、各部門
作業2:用Verilog語言實現二十進位制計數器
1.新建一個工程,並且加入一個Verilog-HDL檔案,參考例程中的程式碼編寫Verilog語言,編寫完成後如下圖所示 編譯後,檢視RTL檔案如下圖所示 建立VWF檔案,新增模擬訊號後觀察模擬結果如下圖
CEF3:用CEF3實現最簡單的瀏覽器
本例開發環境: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