我的前端開發之路 ---- 必備技能介紹
今天開始寫一個關於前端開發的一些東西,記錄一下自己學習前端過程中的一些感悟、總結。
今天第一篇,主要是說一下做前端開發工程師需要具備的一些必備技能,這些技能能讓你在前端開發這條路上走的相對輕鬆些。
1. 瞭解頁面標記 HTML
HTML 是頁面的基本結構的組成部分,是一個網站的基礎。雖然簡單易學,但是為了我們後期的網站維護,需要我們編寫語義良好、簡潔整齊的HTML 程式碼。
2. 瞭解頁面樣式 CSS
Cascading Style Sheet(層疊樣式表),主要是網頁內容的表現形式。能讓平淡的HTML展現出絢麗的效果,使網頁更加友好,不但可以幫助使用者更好的閱讀網站能容,還可以讓使用者在不同的瀏覽器上有相同的體驗。前提是需要我們合理地利用CSS的組合和繼承性來編寫簡潔、可維護性好的CSS程式碼。
3. 瞭解頁面渲染 Javascript
Javascript 是一種基於物件和事件驅動的客戶端指令碼語言,是頁面實時動態互動的技術基礎。它是一種非常靈活的指令碼語言,同時也是一種弱型別的語言,包涵了高階函式、動態型別以及靈活的物件模型等強大的語言特性。由於靈活性導致程式碼維護起來並不是那麼方便,再加上瀏覽器的相容性以及後端語言的巢狀都意味著我們做前端開發需要了解和學習並解決很多的東西。不但要熟悉Javascript語言的基本語法和基本編碼規範,還要了解並解決在不同瀏覽器的相容性問題,同時也需要我們瞭解一些後端程式設計技術。
4. 瞭解一些前端開發所用的框架
框架的出現,在很大的程度上降低了我們前端開發的難度並加快了開發進度。框架統一了編碼方式,封裝了瀏覽器相容問題並添加了很多擴充套件功能。合理的利用框架能在很大的化程度上縮短我們的專案開發週期,但是前端框架有很多很多種,這就需要我們前端開發人員在需求評估階段來根據我們的專案具體需求來合理的選擇合適的框架。
5. 瞭解一些實用的測試工具
前端程式碼在除錯過程中需要檢視HTML結構變化、CSS渲染效果、Javascript程式碼的執行情況和HTTP請求和返回的資料,並且要了解網頁各個部分的效能等。主流的瀏覽器本身都帶有相對應的外掛。我們需要熟練使用這些工具來幫助我們完成程式碼的除錯。
6. 良好的溝通能力
不論做什麼事情,溝通能力都是不可或缺的。雖然我們作為網際網路開發人員,可能覺得很多時候都是在悶頭寫程式碼。其實不然,我們在編寫程式碼的過程中總會跟需求方、設計、使用者、其他開發人員等相關人員進行溝通。尤其是我們前端開發工程師。因為我們是介於UI和後端開發工程師之間的,要跟UI確定效果是否可以實現以及實現的代價,並提出合理的建議;也要跟後端開發工程師確認前後端互動的介面以及資料結構等。所以,具有良好的溝通能力能讓我們輕鬆很多。
寫在最後
每個職業都是需要不斷學習的,作為網際網路+時代下的開發工程師們更是如此。時代在發展,技術在更新換代。我們不需時刻保持學習的姿態,才能跟得上時代的步伐。點滴記錄,讓我們一起學習,一起成長!
相關推薦
我的前端開發之路 ---- 必備技能介紹
今天開始寫一個關於前端開發的一些東西,記錄一下自己學習前端過程中的一些感悟、總結。 今天第一篇,主要是說一下做前端開發工程師需要具備的一些必備技能,這些技能能讓你在前端開發這條路上走的相對輕鬆些。1. 瞭解頁面標記 HTML HTML 是頁面的基本結構的組成部分,是
高效Web前端開發之路:YUI 3.15 PDF掃描版
瀏覽器 瀏覽器兼容 key 掃描 data- 第6章 必須 第5章 HR JavaScript是一種最初由Netscape的LiveScript發展而來的面向對象的Web腳本語言,被ECMA國際定義為國際化標準——ECMAScript。JavaScript具有使用局限
Python-WEB前端-開發之路
HTML: Python-HTML 最強標籤分類 Python-HTML CSS題目 CSS: Python-CSS 基礎 Python-ccs高階選擇器 盒模型 Python-html css 盒模型 Python-浮動 清浮動 Python-css高階 Python-ccs動畫及陰影
一路走來的web前端開發之路
踏上程式開發這條路已有一段不長不短的日子,從初識程式程式碼,到決心闖一闖這條路,從跌跌撞撞,擅闖各端大門而有些迷茫,到偶然闖入web前端的領地,幾經周折,反覆思索,最終選擇了這條看似簡單,實則極具挑戰
前端基於react,後端基於.net core2.0的開發之路(1) 介紹
tco ioc logs asp webpack 路由 src 部署 關鍵字 文章提綱目錄 1.前端基於react,後端基於.net core2.0的開發之路(1) 介紹 2.前端基於react,後端基於.net core2.0的開發之路(2) 開發環境的配置,
一個一線前端攻城獅的快應用開發之路:2、我與WebView的鬥智鬥勇
一、場景 在我們的產品的業務場景中,必須要引用一個特殊的第三方API: 這個API不能服務端封裝,只能客戶端自己引用SDK、自己初始化、自己呼叫。 初始化的過程比較慢,但一旦初始化過一次,在單次訪問中可以一直呼叫不失效。然而如果快應用每個需要用到這個API的頁面都初始化一次,則會等待時間較長,使
我的IT夢——web前端開發之HTML,CSS(一)
jpg 標記語言 方便 add body 前端 input cti 列表 HTML HTML全稱HyperText Markup Language(超文本標記語言) 標簽成對出現 <!DOCTYPE html> 文檔類型定義 < > 標
我的web前端學習之路-HTML-form
val jpg web前端 ted cti 之路 radi pass idt 1 <form name="register" method="post" action="servlet等可處理請求的東西"> 2 單行文本框<inpu
我的web前端學習之路-CSS-引入
com imp port 之路 es2017 內嵌 學習 常用 方式 多用連接導入方式 優先級:內聯>內嵌>@import方式>link方式(常用) 我的web前端學習之路-CSS-引入
我的web前端學習之路-CSS-選擇器
選擇 產生 之路 css 註意 images nbsp 前端 ges 選擇器指定了要作用的標簽 直接指定一個準確元素名,對其產生作用 指定標簽元素class屬性的值,可選指定特定的標簽元素,不要忘記“點”! (註意!!)class屬性的值可以用空格隔開表示多個cla
我的web前端學習之路-CSS-字體和文本
技術 你是 let cor meta round ack san one 1 <head> 2 <meta charset="utf-8"> 3 <title>css字體和文本</title> 4
我的web前端學習之路-CSS-列表和表格
表示 hang idt char rac 一個 ddr web前端 9.png list-style-image和list-style-type只能選擇一個使用 border-collapse和border-spacing不能同時使用 1 <head>
我的SIP開發之路
lib 介紹 工作室 pjsip 開發人員 別人 想象 好的 分享 http://hi.baidu.com/ltlovelty/blog/item/837baf1ece7fc6f11ad57647.html 經過對SIP協議和開源協議棧快半年的研究,我現在終於
Web前端開發好學嗎?談談一位學姐的前端工程師之路
努力 不同 最終 log jpg 問題 mage image 前端工程 我的第一篇博客。。。。。。。 我是一名工科女,因高考失利與理想的院校擦肩而過,從而選擇了機電專業。畢業後找工作時才發現機電專業的工作並不太適合我。我的父母也支持我轉專業求職,但這個過程有時會讓我迷茫。在
4.前端基於react,後端基於.net core2.0的開發之路(4) 前端打包,編譯,路由,模型,服務
hub 解決 路徑 export routes run 部署 service 後端 1.簡要的介紹 學習react,首先學習的就是javascript,然後ES6,接著是jsx,通常來說如果有javascript的基礎,上手非常快,但是真正要搭建一個前端工程化項目,還是有很
前端基於react,後端基於.net core2.0的開發之路(番外篇) 後端使用T4模板,生成某些類
bsp 。。 bubuko 按鈕 uil out eva 下載地址 所有 1.介紹 因為開發過程中,有部分類是你加一個模型,就需要去改動的,每次加非常的煩,或者有些類,你只用到了他基類的方法,但是你還必須建一個文件才能調用他基類的方法,也很煩。 這個時候,T4就非常有用了。
區塊鏈開發零基礎必備技能之GO語言從入門到高階視訊教程
一、 以太坊和區塊鏈的關係 從區塊鏈歷史上來說,先誕生了比特幣,當時並沒有區塊鏈這個技術和名詞,然後業界從比特幣中提取了技術架構和體系,稱之為區塊鏈技術。從比特幣提取的區塊鏈技術稱之為區塊鏈1.0時代,那個時候的應用主要以電子貨幣和
web前端進化之路(一)——小程式開發
最近學習前端感覺很多知識學起來容易,但是很多知識點很容易忘記,想做一個工具來方便自己來學習,正好結合小程式,分享給大家。照顧初學者,可能講的比較細,理解哈。 準備工具 小程式一個 已申請(名稱是:we
python開發之路---第二章之--基本函式介紹
1、函式: 是指一組語句的集合,通過一個名字(函式名)封裝起來,要想執行這個函式,只需要呼叫函式名即可 優點: # 減少重複程式碼 # 使程式可擴充套件 # 使程式易維 栗子1: 1 def sayhi(): 2 print ('hello') 3 4 sayhi() ##
我的前端MVC之路
大約十幾個月前,瞭解到時下前端MVC之火爆,同事推薦我瞭解一下angular。當時也不是特別在意,只是稍稍閱讀了一遍官方文件,並嘗試了文件上的例子。其實當時也頗有震驚之感的,原來程式碼還可以這麼寫!看完之後,很興奮,也確實想在實際專案中運用一下,但可能我對它的理解不夠深入,真到了專案裡不知如何下手。後來也就不