Web開發(fā)中,你不知道的這些入門申階技巧
現(xiàn)如今,互聯(lián)網(wǎng)信息時代的來臨,整個互聯(lián)網(wǎng)的Web應(yīng)用程序也不斷在創(chuàng)新,層出不窮,很多人都想web的開發(fā)中,占有自己的一個部分。那么如何從小白快速入門,成為web開發(fā)工作者呢?
對于剛剛?cè)腴T的小白來說,只有在掌握一定的技術(shù)下進行不斷去實踐,不斷地去嘗試web開發(fā),才能算是入門。
1、想清楚什么是你自己想要的
我們在做事情的時候,永遠都要知道你自己什么是最想要的,越清楚開發(fā)計劃即越專業(yè)。我們要在自己的選擇上進行細化,縮小我們的選擇范圍。我們自己心里越清楚想要什么,那么我們所制作的開發(fā)計劃越專業(yè),不能讓自己的選澤太寬泛。
無論做一個傳統(tǒng)的桌面應(yīng)用程序,還是做一個Web應(yīng)用程序,前期的分析與設(shè)計是不可避免的。需求分析,你必須了解你要做的是什么,你的客戶到底想要的是什么。

如何才能清楚的知道你自己到底想從事哪一門專業(yè)呢?反復(fù)試驗、嘗試錯誤,調(diào)查和能力評估測試都是一個好的開始。但是了解你自己是最重要的一點:你喜歡什么、不喜歡什么等等。你想一天天都在寫代碼嗎?還是你更喜歡設(shè)計接口?把這些都調(diào)查清楚。
對于剛開始接觸web開發(fā)的你,首先你應(yīng)該簡單的畫好頁面流程圖,無論是以什么樣形式進行只要到最后你自己能理解這些東西就可以了,這樣你就可以對整個系統(tǒng)的脈絡(luò)都有更清晰的認識。
2、你理解的前端只是JavaScript,是錯誤的
什么叫做前端開發(fā)?
前端開發(fā)不僅是一個單純的JS,是一切以展示頁面為目標的工作,都可被歸納為前端開發(fā)工作。在我們現(xiàn)已知的前端開發(fā)中,除了JS,還有很多技術(shù)是我們需要掌握的,比如以瀏覽器為基礎(chǔ)原理的,htmll5,css3等。
何謂前端開發(fā)?我認為,一切以展現(xiàn)為目標的工作,都是前端開發(fā)工作。在前端開發(fā)中,除了JS,還有很多需要去掌握的,比如瀏覽器原理,html5,css3等。例如我們之前所常用的轉(zhuǎn)盤,在流程上看著雖然很簡單,但它綜合代表了前端所有的綜合應(yīng)用。你如果是才入門還不了解的話沒有一些開發(fā)經(jīng)驗,不知道css3或者canvas,也不了解網(wǎng)頁優(yōu)化,是無法滿足的。前端是綜合技術(shù)的應(yīng)用,但只會用JS是解決不了任何問題的。

轉(zhuǎn)盤應(yīng)用,看似簡單,但代表了前端知識的綜合應(yīng)用。你沒有觸摸屏開發(fā)經(jīng)驗,不知道CSS3或canvas,不了解網(wǎng)頁優(yōu)化,是做不出來的。前端是綜合技術(shù)的應(yīng)用,只會JS是解決不了問題的。
3、深究原理,重視細節(jié)——網(wǎng)頁原型開發(fā)
Vue,React框架等技術(shù)普及,越來越多的前端工程師浮于表面,調(diào)用框架的API完成任務(wù)就完事。要成為一名優(yōu)秀的前端,絕不能成為單純的"API調(diào)用工程師",一定要掌握框架背后的原理性知識。
我們現(xiàn)在所看到的所有網(wǎng)頁原型都是基于html的基礎(chǔ)下進行開發(fā)出來的,但肯定還是要經(jīng)過CSS渲染,正常情況下,我們html的文檔常常會利用外部樣式來對文檔進行自定義的改換,javascript也是放在外部文檔。

如果我們按照這樣的方式進行分離的話,網(wǎng)站可分為三種:HTML:包含頁面中的內(nèi)容和結(jié)果;CSS:頁面的外觀和表現(xiàn)形式;Javascript:對頁面的控制行為。
HTML,?Javascript,?CSS文件必須是純文本格式的,這樣瀏覽器才能理解他們,推薦幾款不錯的編碼工具:NotePad++(小巧,免費),EditPlus(功能全面的文本、HTML、程序源代碼編輯器),VIM(速度,用它你可以把鼠標扔掉了)。
4、開發(fā)時,要注重細節(jié)的把控
在我們?nèi)粘9ぷ髦校芏嗳硕际菍ぷ鞯膽?yīng)付敷衍,這些人往往都不能擔任重任,作為前端開發(fā)來講,也是毫不例外。“代碼能用就可以了”這往往是程序員的一個弊端。作為在技術(shù)道路上有追求的人來講,一定要對自己的代碼進行嚴格要求,精益求精。

比如html中, 我們一定要注意開發(fā)時的語義化來對于后期SEO的優(yōu)化,在
“代碼千萬行,注釋第一行。命名不規(guī)范,同事兩行淚。“一首流行詩,飽含了多少程序員的血與淚。
5、對項目進行制定計劃
一些開發(fā)人員有著一個很致命的錯誤,大多人都沒有制定計劃的習慣,很多人在項目進行中時,覺得制定計劃并不是一件很重要的事,覺得沒有制定計劃的必要所以常常都會跳過這一步。
但是隨著經(jīng)驗對我們來講,一個好的計劃可以幫助我們節(jié)省工作時間,對項目進行整體流程規(guī)劃,一覽就可知道時間交付期限減少交付壓力。在我們制定計劃時,需要將PSD轉(zhuǎn)換為HTML的元素列表都記錄下來,或者將復(fù)雜元素分解為簡易化并將其寫下。

在制定一個項目的待辦事項清單,可以讓你對工作更簡單化:隨時保持自己工作的條理性;可以讓頭腦保證清醒,讓自身專注于手頭工作;在遇到問題時,可以提前顯示出來,減6、善于和別人交流,結(jié)交良書益友,與時俱進
促使我們進步的不僅是要自己埋頭苦干,還要和行業(yè)內(nèi)的大神們進行交流學(xué)習促進自己的進步,使自己可以快速成長;可以在別人允許下,仔細研究詳讀項目代碼,查看大神的編程思想與邏輯都是可以為自己技術(shù)的進步打下良好的基礎(chǔ)。

雖然現(xiàn)在網(wǎng)絡(luò)上各種文檔、博客文章已經(jīng)很豐富了,但是對工作經(jīng)驗不足,基礎(chǔ)薄弱的人來說,隨手拿起書,時時能學(xué)習才是王道,查漏補缺,完整地夯實基礎(chǔ)在現(xiàn)有的前端系統(tǒng)中,SPA已不是新詞了,在PWA,SSR,小程序不斷地流行,前端微服務(wù)也在這個時候開始崛起,RN,electron在移動端,桌面端的使用也越來越多。
所以作為前端工程師來講,最重要的是突破當前崗位需求的設(shè)限,對各種技術(shù)融會貫通,創(chuàng)造新的技術(shù)框架,做技術(shù)的領(lǐng)頭羊,適應(yīng)時代發(fā)展。
