蝦米啊1
現(xiàn)在對web前端開發(fā)要求全能型的,會PS設計,處理圖片。精通HTML+CSS,并能快速處理各瀏覽器兼容問題,熟練掌握Javascript或Actionscript;熟練使用JS框架,如jQuery/YUI等,并解讀過源碼,熟練多框架加分,精通Ajax技術,開發(fā)調試工具,如Firebug等代碼語義化,懂優(yōu)化對SEO有一定的了解,尤其是HTML結構和標簽的使用,高效合成CSS Sprite,了解服務器方面基本知識。熟練掌握一門后端語言當然是更好的了,如PHP/等,HTML5和CSS3技術(主要用于移動應用開發(fā)),有過用戶體驗研究,更關注人性化頁面開發(fā),了解瀏覽器工作原理,了解w3c標準,了解。
2012駿馬飛馳
鏈接:
重學前端。隨著前端技術不斷地發(fā)展,崗位需求與薪資一路攀升。整個前端業(yè)界正值“黃金時代”,而前端開發(fā)者們卻似乎“學不動了”。
這緣于前端的學習是一條先快后慢的曲線。在快速入門之后,大多數(shù)人都會感覺:自己僅僅停留在會用的階段,后面的學習之路似乎越來越陡峭,每前進一步都十分艱難。其實是你沒有意識到,你在自學的過程中走了太多彎路。
課程目錄:
持續(xù)集成:幾十個前端一起工作,如何保證工作質量?
工具鏈:什么樣的工具鏈才能提升團隊效率?
性能:前端的性能到底對業(yè)務數(shù)據(jù)有多大的影響?
.....
typical2006
前端工程師,也叫Web前端開發(fā)工程師。他是隨著web發(fā)展,細分出來的行業(yè)。Web前端開發(fā)技術主要包括三個要素:HTML、CSS和JavaScript!它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術,網(wǎng)站性能優(yōu)化、SEO和服務器端的基礎知識,而且要學會運用各種工具進行輔助開發(fā)以及理論層面的知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。自學可以看尚硅 谷的谷粒學院前端學習路線圖,需要學習哪些知識點也都寫的非常清楚,需要的可以搜來學習。
懶洋洋一家
大家好,我是一名前端工程師,我想大多前端工程師都渴望自己獨立搭建一個個人網(wǎng)站,不管是出于更多的學習提升自己的核心競爭力,還是想要展示自己建一個個人博客,亦或者是純粹出于好奇想建站一條龍跑通,反正,就是要自己獨立搭建一個網(wǎng)站跑通。你可以說沒有以上的想法,反正我有,所以,我就嘗試了,最后輸入我的網(wǎng)址 ,成功展示了“hello world”。啊…哈哈哈……
打算寫這篇文章是希望能給想要嘗試自己建站卻迷茫在前端的同學一點方向,可能就有人說了,網(wǎng)上隨便搜零基礎建站一大堆,不需要我在這邊寫,我回想我這建站之路,覺得還是很有必要,相信肯定會有一部分人會因為我的這篇文章而受益。
我在建站之初就查過很多資料,網(wǎng)上的資料很多很雜,有各種原因:比如太多不好分辨,有些時間比較久遠,也有很多本來是基礎點卻各行如隔山一臉懵,等等,所以實際操作起來比較吃力。我這里就從最初的申請域名開始,到最后輸入網(wǎng)址出現(xiàn)“hello world”,整個流程串聯(lián)起來,希望起到拋磚引玉的作用。
我希望您是一個有前端開發(fā)基礎的人,當然,我盡量將用到的技術點都提出來,希望能給沒有基礎的人一個思考方向。
我這邊域名、服務器等用的是阿里云,不用這個平臺的小伙伴兒與自己的平臺自行對比哈,有問題,也可以給我評論留言,一起探討。如果不知道選哪個平臺申請,可以和我一樣,注冊一個 阿里云賬號 ,再跟著我做。
此節(jié)有 注冊域名 、 實名認證 、 備案域名 這幾個流程。
輸入想要的域名,未被占用即可注冊。具體操作,請參見 注冊通用域名 。 域名后綴通常為.com或.cn,基本上是能注冊 .com 就注冊 .com ,更多后綴請參見 域名區(qū)別 。
具體流程,請參見 域名實名認證概述 。
說明 使用中國大陸境內(nèi)服務器托管您的網(wǎng)站時,需要進行備案。否則不需要備案。 為節(jié)約備案時間和順利通過備案,建議您提前了解并做好備案前的準備工作:
各省管局要求資料有所不同,請根據(jù) 各地區(qū)管局備案規(guī)則 準備資料。更多詳情,請參見 ICP備案前準備概述 。
如果按步驟來的話,沒有備案過,所以參見: 首次備案 。 如果您是其他備案場景,請參見 ICP備案快速入門 。
先前往 實例創(chuàng)建頁 ,對于運維來說,這節(jié)比較簡單,但是作為運維小白,購買服務器的時候,要注意根據(jù)自己的實際情況購買,強烈多查下阿里云的文檔: 使用向導創(chuàng)建實例 ,很詳細!同時多看看提示、注意事項等。下面是我這個運維小白看了文檔后總結的步驟,如果你是小白也可以這樣做,如果有運維人員發(fā)現(xiàn)我的描述這些有問題的話,也請多多指教哈。
比如你只是想學學試一下,就選擇“按量付費”(注意按量付費的話,要先充值,記得充100-200都可以),但你希望長期維護就選擇“包年包月”。
這個要注意,總的來說,查看的網(wǎng)站的人在哪里多,就選哪里,如果你自己的博客,也可以選擇自己所在地,反正全國范圍內(nèi)用的話,都差不了多少。更多的參見: 教我選擇地域
作為玩玩的網(wǎng)站,就按最小的選就可以了。
不知道怎么選,建議選擇 CentOS 64位。注意,如果你是 windows 的電腦,也不要想當然的選擇 Windows Server 系統(tǒng),這里是你的服務器鏡像,可以簡單的理解為這是一臺新電腦的配置,和你本地使用的電腦系統(tǒng)無關。
這個看你存儲東西決定,你可以想象成你新買一個電腦,這里的存儲可以看成電腦的內(nèi)存。系統(tǒng)盤是必須選的,可以看成 windows 系統(tǒng)的 C 盤。至于數(shù)據(jù)盤和 NAS 存儲,不了解也可以先不選。對于玩玩的小伙伴兒,可以直接就操作系統(tǒng)盤打通流程,至于其他數(shù)據(jù)盤什么的,可以后面深入了解了再擴展。
這個有“經(jīng)典網(wǎng)絡”和“專有網(wǎng)絡”的區(qū)別,現(xiàn)在新開的賬號,都只有“專有網(wǎng)絡”這個選項,就直接選這個就可以了,想知道更多它們可以自行查閱資料。
默認勾選“分配公網(wǎng)IPv4地址”即可
做測試用的話,就選“按使用流量”即可
可以看情況選擇,一般的玩玩,默認 5M 即可
想要了解詳細內(nèi)容,可以查看: 教我選擇> 。安全組可以根據(jù)提示,新建一個安全組: 新建安全組> ,這里進去后,新建時,需要創(chuàng)建專有網(wǎng)絡,根據(jù)提示填寫,一般默認就可以。
剩余的彈性網(wǎng)卡和 IPv6 作為小白來說,暫時用不到,可以打通流程后再進行知識補充。
這個看你心情,可以登陸后再設置,可以“自定義密碼”也可以用“密鑰對”,根據(jù)文檔提示操作即可
再之后的操作可以看你情況設置,問題不大,確認好后即點擊購買即可。具體詳細操作,記得看文檔哦~
域名解析后,外部用戶才可通過域名訪問網(wǎng)站。比如輸入 就可以訪問百度網(wǎng)站。 主要操作,看阿里云的這個文檔就可以了: 設置域名解析快速入門
部署網(wǎng)站這里涉及到服務器部署,對于前端來可能比較陌生,可能對后端來說比較容易些,但是,這個也不是很難,阿里云給了部署的方式: 自助建站方式匯總 ,可以選擇適合自己的方式進行部署。我是前端人員,最熟悉的語言是 javascript ,所以,我選擇用 部署,阿里云文檔里也有對應的操作文檔: 部署
這樣,你的第一個網(wǎng)頁就出來啦~~~
作為小白,踩過的坑真的不少,像不會后端怎么辦?學 。不會 Linux 系統(tǒng)操作怎么辦?查 Linux 常用操作。反正就是各種找文檔,找學習資料。這里就稍微提下比較基礎的坑,希望對其他小白有幫助。
連接 ECS 實例有多種方法:
注意,綁定了密鑰對之后,上面兩種連接方式都不可以用了。
想知道更詳細的內(nèi)容,可查看 文檔 。
Linux格式化數(shù)據(jù)盤 文檔中有寫,格式化數(shù)據(jù)盤,需要掛載,隨實例一起購買的數(shù)據(jù)盤,無需掛載。而且,云服務器ECS僅支持數(shù)據(jù)盤分區(qū)操作,不支持系統(tǒng)盤分區(qū)操作。我前面就沒注意到,系統(tǒng)盤,就是隨實例一起購買的數(shù)據(jù)盤,我只有這個盤,看文檔的時候就跟著操作,進行分區(qū),分了很多次,用 fdisk -lu /dev/vda1 查看分區(qū)成功的,但是,運行命令 /dev/vda1p1 在新分區(qū)上創(chuàng)建一個文件系統(tǒng)就一直報錯:The device apparently does not exist; did you specify it correctly? 找不到文件系統(tǒng)。最后找了很久才發(fā)現(xiàn)犯了低級錯誤,在系統(tǒng)盤分區(qū)。
由于我不是計算機科班出身,不是很了解 ip 地址,在安全組里創(chuàng)建規(guī)則的時候,對于授權對象一欄,一臉懵逼,于是查找了下 IP 地址相關知識。
有一點基礎的人都知道,控制臺輸入 ifconfig 打印出的地址,與電腦中圖形化界面上顯示的 ip 地址一樣,但是,這個地址是內(nèi)網(wǎng)地址,并不是外網(wǎng)地址。 我在這里做測試的時候就將內(nèi)網(wǎng) ip 設置上,然后一直沒有預期效果。 外網(wǎng)地址,可以打開百度,直接搜索 ip 就可看到你的外網(wǎng)地址。
對于 ip 地址也是惡補了下,不了解的小伙伴兒可以參考這個地址: CIDR的IP地址的表示與劃分方法 ,對于這個實例,我也做了個筆記,供大家參考:
主機ID全為0和主機ID全為1的為非法IP地址 網(wǎng)絡ID相同的就屬于同一網(wǎng)段
C類:C類IP地址: 3字節(jié)的網(wǎng)絡地址(最高位必須是110)+1字節(jié)的主機地
CIDR:無類域間路由 IP地址/網(wǎng)絡ID的位數(shù) 子掩碼:子網(wǎng)掩碼的二進制格式中的網(wǎng)絡位全為1。這樣二進制格式的子網(wǎng)掩碼和二進制的IP地址進行“與”運算,可以得出該IP地址的網(wǎng)絡位。 CIDR技術用 子網(wǎng)掩碼 中連續(xù)的1部份表示網(wǎng)絡ID,連續(xù)的0部份表示主機ID。 例如 :,計算子網(wǎng)的網(wǎng)絡ID、子網(wǎng)掩碼、起止IP地址 子網(wǎng)掩碼:
網(wǎng)絡ID:
起始IP地址:
結束IP地址:
由于我使用的是阿里云平臺,文章中很多節(jié)選自阿里云,想了解更多的小伙伴兒請多查看阿里云文檔。
我是事后回憶寫的文章,所以,可能有遺漏的地方,如果讀到發(fā)現(xiàn)有問題,請給我評論或留言,我會持續(xù)改進此文。
色戀粉雪
很多小伙伴對前端工程師的崗位很感興趣,想轉行但是又不清楚前端的職業(yè)發(fā)展怎樣,擔心個人發(fā)展的瓶頸問題。其實完全不用擔心這個,下面小編給大家講解一下前端工程師的職業(yè)發(fā)展規(guī)劃
一般來說前端的發(fā)展有兩個大方向,一是技術,二是管理。
走技術方向的話,可以慢慢發(fā)展為前端架構師。不過這個對技術的要求比較高,如果選擇這條路,需要自身不斷學習進步,提高專業(yè)水平。
走管理方向的話,可以向前端經(jīng)理或是高級產(chǎn)品經(jīng)理發(fā)展。這也是一條不錯的出路,前端經(jīng)理或者產(chǎn)品經(jīng)理都需要掌握一定的前端知識。在前端界打滾了這么多年,自然有不少產(chǎn)品的基礎和思想,對長期的職業(yè)發(fā)展很有幫助。
潘潘吃吃吃啊
前端,說白點,就是你用瀏覽器打開網(wǎng)站時,所看到頁面的實現(xiàn)技術;前端,就是你用手機打開頁面時,所看到內(nèi)容的實現(xiàn)技術。說專業(yè)點,前端即網(wǎng)站前臺部分,運行在PC端,移動端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁。隨著互聯(lián)網(wǎng)技術的發(fā)展,HTML5,CSS3,JavaScript前端框架的應用,跨平臺響應式網(wǎng)頁設計能夠適應各種屏幕分辨率,合適的動效設計,給用戶帶來極高的用戶體驗。如果按語文詞性來理解的話,HTML是名詞,CSS是形容詞,JavaScript是動詞;如果從人性的角度來理解的話,HTML是你女朋友的衣著打扮,CSS是往臉上抹粉,JavaScript則是你惹她生氣,她給你一巴掌作為"獎勵"??偠灾?,前端,就是用CSS,HTML和JavaScript(簡稱Js)三賤客,實現(xiàn)Web頁面和手機頁面效果。因為每次編寫JavaScript很繁瑣,于是出現(xiàn)了React、Angular和Vue框架,它們就是封裝了js的庫。國內(nèi)目前用得較多的是Vue,我上班的企業(yè)也在用。學會了前端,可以從事Web、手機頁面、小程序的開發(fā)工作。在企業(yè)里,這些都由前端工程師負責,我這邊亦如是。所以我們學習前端,就是學習CSS、HTML、JavaScript和Vue。目前Vue到了版本,我們新的項目也引入了。在摸索的過程中,掌握了一些方法,我想分享給大家
螢火蟲在哪里
職業(yè)方向定位,?首先,只有確定好自己的職業(yè)方向,才能做好職業(yè)規(guī)劃。1、資深WEB前端工程師;這個方向算是一個WEB前端最基本的選擇了,在國外,很多老外都能夠把自己的專業(yè)做到極致,能一輩子就在一個專業(yè)領域不斷學習和積累。主要在于內(nèi)因和外因兩方面,內(nèi)因是老外通常思想比較簡單直接,容易一直專注于一個領域;外因是國外的環(huán)境很好,能夠良好的支撐這樣的職業(yè)發(fā)展道路。
從外因來講,WEB前端人員沒有獲得公平的待遇,可能從HTML頁面制作就開始并沿襲下來的,從來WEB前端人員都比后端人員低一等,同時直接影響到前端人才市場的活躍程度。另一方面,前端的技術入門較容易,造成另一個極端情況:人員泛濫、人才稀缺。我想對所有的WEB前端工程師說:面包總會有的,要耐得住寂寞!
我個人比較推薦這個職業(yè)發(fā)展方向,因為,在這個方向下,只要足夠耐心、厚積薄發(fā),成功的概率是非常高的。同時,這是一條最單純的路,我們更多的是花費精力在技術的鉆研上,而不是辦公室政治等其它瑣事。
2、資深WEB架構師;說功利點兒,我喜歡這個方向,既要是作為一名架構師不得不學習,而這種學習通常需要實際操刀做項目。雖然不是很平滑,但是,對于一個大局觀好、悟性好、知識面廣的前端工程師,我你們努把力,走一條光榮的架構師之路吧。
優(yōu)質工程師考試問答知識庫