Ⅰ 前端開發和程序員的區別
我們首先來來看兩者的定義;
前端是網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。用自己的話來說,前端是網頁給訪問網站的人看的內容和頁面。
那前端開發顧名思義就是這些內容和頁面中代碼的實現。
程序員是從事程序開發、程序維護的專業人員。一般將程序員分為程序設計人員和程序編碼人員,但兩者的界限並不非常清楚。
其實廣義上的程序員是一個很大的范疇,分為初級程序員,中級程序員,高級程序員等,而且面向的方向也有所不同。前端開發人員也會涉及到代碼的設計編寫,前端開發人員其實也算得上是程序員中的一種。
不過人們常說的程序員指的是程序編碼人員,也就是碼農,是和前端開發有所區別的。但廣義上的程序員,是包含所有軟體程序開發人員。
Ⅱ 前端程序員需要會什麼
前台化工作。包括HTML頁面可以用表格或div都可以。然後頁面上的js代碼。flash。前台要明白一些編程,以便後台技術人員加代碼的時候能夠順利銜接。
後台就是內部的程序架構。他要懂一些html好知道往哪加代碼。
後台就是保證前台所有功能實現所進行的編碼。
Ⅲ 前端程序員怎麼自學
自學方法:
1、作為一個初學者,你必須明確系統的學習方案,我建議一定有一個指導的人,全靠自己學,放棄的幾率非常大,在你對於web前端還沒有任何概念的時候,需要一個人領進門,之後就都靠自己鑽研,第一步就是確定web前端都需要哪些內容,並且在多少時間內學完,建議時間6個月保底。
2、視頻為主,書為輔。很多初學者在學習前端的時候非常喜歡去買書,但是最後的結果是什麼?看來看去什麼都不會寫,所以在這里給大家提醒,書可以看,但是是在建立於你已經對於某個知識點有了具體操作的執行後,在用書去鞏固概念,這樣更加利於你對於知識的理解。
3、對於學習技術來講,掌握一個學習方法是非常重要的,其實對於學習web前端來講,學習方法確實很多都是相通的,一旦學習方法不對,可能就會造成「方法不對,努力白費」。其實關於這方面還是很多的,我就簡單說個例子,有的人邊聽課邊跟著敲代碼,這樣就不對,聽課的時候就專心聽,做題的時候就專心做題,這都是過來人的經驗,一定要聽。根據每個人的不同,可能學習方法也會有所出路,找到適合你自己的學習法方法是學習的前提。
4、不建議自己一個人瞎學,在我了解學習編程的這些人來看,從零基礎開始學並且最後成功做這份工作的其實並沒有幾個,我覺得大部分原因就是因為他們都不了解web前端是干什麼的,學什麼的,就盲目的買書看,到處找視頻看,最後看著看著就放棄了,所以我建議初學者在沒有具體概念之前,還是找有經驗的人請教一下,聊過之後你就會知道web前端具體是干什麼的,該怎麼學,這是我個人的小建議,可以不採納。
自學路線:
第1階段:前端頁面重構(4周)
內容包含了:(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段:javaScript高級程序設計(5周)
內容包含:(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段:PC端全棧項目開發(3周)
內容包含:(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段:移動端項目開發(6周)
內容包含:(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段:混合(Hybrid,ReactNative)開發(1周)
內容包含:(微信小程序開發、ReactNative、各類混合應用開發)
第6階段:NodeJS全棧開發(1周)
內容包括:(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
基礎書籍:
1、《Head First HTML與CSS(第2版)》,入門真的是經典書籍,手把手教學,豐富的案例讓你從 0 開始學前端。
2、《CSS權威指南(第三版)》,這本書作為 CSS 的經典著作,把原理講得非常的通透,除了 w3c 標准,算最權威的一本了,畢竟權威指南。
3、《CSS揭秘》神書,47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了,css 進階必備。
4、《javascript語言精粹》,這本書可以在入門之前了解一下基本語法,以及在學習之前可以了解下 JS 裡面的精粹以及糟粕,雖然這本書很薄很薄,但是值得反復去讀的一本書。
5、《JavaScript DOM編程藝術(第2版)》,本書在簡潔明快地講述JavaScript和DOM的基本知識之後,通過幾個實例演示了專業水準的網頁開發技術,透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐。
6、《JavaScript權威指南》:犀牛書是每個FE都繞不過的一本書,可以先大致通讀幾遍,也可以把其當作工具書,時時翻閱。
視頻教程:
網頁鏈接
Ⅳ html代碼和css代碼應該由程序員寫,還是由美工寫
Web前端設計主要分為5個步驟:
1.看需求;
2.畫草圖;
3.設計界面;
4.前端代碼編寫;
5.兼容性調試。
網頁美工是精通美學,photoshop(PS),FLASH,dreamwaver(DW)等一網站製作軟體的網路人員,且必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來並用DW和css排版出來。頁面必須清晰簡潔,還要適宜後台調用。
網頁美工是美工用Dreamwerver等網頁編輯軟體把已經設計好的平面效果圖,製做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了,也就是所謂的切圖。說的詳細一點就是,網頁美工一般需要精通PHOTOSHOP/CSS/HTML/JAVASCRIPT等網路語言或工具進行網頁框架,色彩,基調,創意等處理。
Ⅳ 高級web前端工程師們都用什麼軟體寫代碼呀 或者說程序員們都用什麼寫代碼呀 顯得專業
想顯得你高級又看不懂英文,到時候估計又要問這軟體怎麼用。
就算你用世界上最好的軟體你沒那水平別人一看你代碼就知道你是小白。
用軟體都是一種習慣不是說高手就非得用那種軟體。
做前端最重要的是優化!其次結構,其次代碼!
做好這幾點你就不錯了..
軟體幫不了你.只能幫你提高工作效率.
Ⅵ web前端工程師,需要能夠手工寫javascript,jquery等代碼嗎(ps:能夠熟練手工寫HTML+CSS代碼)
手寫html和css只能做網頁製作師,
前端開發之所以帶個「開發」二字,就跟程序搭邊了,
所以一定要會javascript和jquery,因為進了公司後,跟js有關的東西,程序員都會找你,
如果看不懂js,就別提修改了,
也不是說非得什麼都要手工寫,平時只有會修改,看得懂js是幹嘛的,會調試bug就行了,
除非是一些分不清楚網頁製作和前端開發的小公司,才會不需要你寫js代碼
Ⅶ jsp頁面是應該前端程序員寫還是java程序員寫
我們先來了解JSP頁面是什麼,JSP(Java Server Page)是Java服務端的頁面,所以它是動態的,它是需要經過JDK編譯後把內容發給客戶端去顯示,我們都知道,Java文件編譯後會產生一個class文件,最終執行的就是這個class文件,JSP也一樣,它也要編譯成class文件。JSP不止要編譯,它還得要轉譯,首先把JSP轉譯成一個Servlet文件,然後在編譯成class文件。當用戶訪問JSP時就執行了class文件。
對於前後端工程師來說,JSP雖然功能很強大,性能也不錯,但是會導致前端頁面代碼過於凌亂。現在,前後端徹底的分離,後端小夥伴只需要提供一系列Restful介面,前端小夥伴只用負責調用這些介面,並實現頁面的展示和交互。所以JSP頁面前後端開發者都可以編寫,但如何選擇還是根據個人。
Ⅷ 一般程序員做前端代碼開發時用什麼工具寫代碼
1、Bootstrap
Bootstrap是快速開發Web應用程序的前端工具包。它是一個CSS和HTML的集合,它使用了新的瀏覽器技術,給你的Web開發提供了時尚的版式,表單,buttons,表格,網格系統等等。
2、藍湖
藍湖用於查看標注和切圖下載非常方便
3、Cloud9IDE
Cloud9IDE是一個基於Node.JS構建的JavaScript程序開發WebIDE。它擁有一個非常快的文本編輯器,支持為JS,HTML,CSS和這幾種的混合代碼進行著色顯示。Cloud9IDE還為node.js和GoogleChrome集成調試器,可以在IDE中啟動、暫停和停止。
4、Notepad++
Notepad++是一款非常有特色的編輯器,是開源軟體,可以免費使用。我們開發人員都是必備的。支持的語言:C,C++,Java,C#,XML,HTML,PHP,Javascript!
5、VisualStudioCode
VisualStudioCode是一個運行於OSX,Windows和Linux之上的,針對於編寫現代web和雲應用的跨平台編輯器。
6、GIMP
GIMP是GNU圖像處理程序(GNUImageManipulationProgram)的縮寫。包括幾乎所有圖象處理所需的功能,號稱Linux下的PhotoShop。GIMP在Linux系統推出時就風靡了繪圖愛好者圈。
7、SecureHeaders
SecureHeaders是Twitter送給Web開發者的一份大禮,作為一款Web安全開發工具,Secureheaders能夠自動實施安全相關的header規則,包括內容安全政策(CSP),防止XSS、HSTS等攻擊,防止火綿羊(Firesheep)攻擊以及XFO點擊劫持等。
8、Fontello
Fontello是個圖標字體生成器。這個工具允許用戶把這些圖標web字體放到自己的項目中。主要特性如下:縮小字形集合,減小字體大小;合並一些字體標記到單個文件中;訪問大量專業級的開源圖標。