web 前端篇:web前端到底是什麼?有前途嗎 ?

来源:http://www.cnblogs.com/qianduanshiping/archive/2016/11/22/6091112.html
-Advertisement-
Play Games

{“ web前端開發 ”是什麼? } {“ web前端開發 ”有前途嗎?}{“ web前端開發 ”到底怎麼學?}這3個對象,是你入【前端】的初戀,對!沒錯同時和 3個對象談戀愛。 web 前端篇:web前端到底是什麼?有前途嗎 ?請聽:微信jingfeng18分享 NO 1: web前端開發 ”是什 ...


{“ web前端開發 ”是什麼? }

{“ web前端開發 ”有前途嗎?}
{“ web前端開發 ”到底怎麼學?}
這3個對象,是你入【前端】的初戀,對!沒錯同時和 3個對象談戀愛。

web 前端篇:web前端到底是什麼?有前途嗎 ?請聽:微信jingfeng18分享

NO 1: web前端開發 ”是什麼?


其實web前端這個職位,並沒有一個有效的歷史記錄可以查詢,更沒有一個明確的定義,她不像Java 攻城獅、c++開發這種一開始就有明確定位的工種一樣,是有核心技能可以描述的。比如java開發,顧名思義就是利用java程式來開發功能,PHP開發:利用php做個商城等等。

 

你會發現:我們前端這個姑娘,她甚至沒有一個logo 和擬人化的圖形用來描述。不過不要緊,下麵讓我們來為她正名。O(∩_∩)O~

一、web前端的演變

其實中國的“web前端開發攻城獅”這個職位好多人並不知道是怎麼叫出來的,那麼我偷偷 <( ̄︶ ̄)>告訴你:其實是淘寶團隊,發明出來的本土化的名稱,因為歷史原因,淘寶在2005以後迅速崛起,並且爆髮式的訪問量,讓淘寶網的用戶體驗受到巨大考驗和急需前進。

然後淘寶官方第一次有了【 web前端開發 】這個字眼和招聘職位,或許其他網站也想到了這樣一種描述,但是畢竟知名度巨高的淘寶,受關註度自然高,口碑相傳,就把【前端開發】這個叫法發揚光大了。

在早期點Web前端不叫前端,而是被親切的叫做“網頁設計師”,沒錯你沒看錯,就是這個名字,我記得那時候 【網頁三劍客】的說法滿天飛,你掌握了這3賤客,真的很賤,就可以被人叫做網頁設計師了。

網頁三劍客:DW\FW\Falsh

Flash、Dreamweaver、Firewoks並稱為Macromedia的網頁製作三劍客,由於是同一公司的產品,因而在功能上有著一個非常緊密的結合 。後來Firewoks被Adobe這個變態的巨頭收購以後,ps就基本取代Firewoks來做設計網頁的工作了,雖然我知道現在還有人用,估計是一種懷念和某些好用的切圖功能吧。

而那時候的網頁設計師 如果要入此道,必須要掌握的就是Dreamweaver,並不是說只有他能寫html 和 css ,而是它在當時的自動提示實在太好用、太強大了,簡直不用費腦細胞,你就可以輕輕鬆松的完成你所想。在當時前端工具和編輯器貧乏的時代,這個絕對是神奇級別了(當然後來寫的多了都熟悉基本不用提示的)。當年還有很多基於Dreamweaver構建網站的教程,那時候真的是個基情滿滿的年代,這些工具類的歷史產物,有興趣的朋友可以去瞭解一下就好了,我們不在多舌。

二、web前端開發入門,需要掌握哪些基礎

語言基礎:HTML、CSS、JavaScript

思想標準:W3C標準

所以 我們現在運用的html 超文本標記語言,css 等所有基於web技術的範疇,基本都是w3c標準,並全世界統一執行的,所以符合w3c 也就是開啟前段之門了。
web前端,首先不是孤立存在的,前端相對於web後端編程而言,前端是瀏覽器自身支持的編程語言,包括html,css,javascript。web前端開發課程大全

HTML: 是構成網頁展示的基礎,是一種很簡單可視化的標識語言,說白了就是 一是一,你寫二就出二。網上所有的網頁網站,不管多麼牛鼻最後都會轉化成html,被瀏覽器渲染出來,用作展示。

CSS: 又稱作樣式表,簡單點說就是html的外衣,將html包裝的明艷動人。

JavaScript:是一種直譯式腳本語言,非常靈活,可以在任何瀏覽器上開發與調試的一種動態類型、弱類型、基於原型的語言。
(關於js這個讓人又愛又恨的語言,我們到後面會著重介紹和學習,因為掌握此技能, 你就擁有了全世界,說全世界是扯淡的,說白了擁有了 money和妹子)

NO 2: web前端開發 ”到底有前途嗎?


如果你在2012年以前 這麼問,或許很多人會思考一下,給你說不知道,應該沒後端編程有前途吧,或者直接說,web前端有啥啊?不就寫個網頁、js嗎?工資又低。。。。

但現在是2016年了親,我只能說以後都會是前端年,很久以前不懂web前端的人觀念大概是:

xx是美工,讓他弄個網頁過來
xx你好,你能給我切割按鈕過來嗎,我後面需要用
xx你alert一下,看我數據傳過去了沒。
xx xx xx 的

不要叫我美工,誰叫我跟誰急;不要叫我頁面仔,雖說每個扎實的前端都是頁面仔過來的;更不要侮辱我的職業,以為前端只是寫頁面、切圖。。

然而現在的真實情況是這樣的:

hi,你這個是什麼效果啊,這麼牛,css3 html5做的?【css3 html5 笑而不語

這,這 怎麼自動就刷新了,嚇我一跳啊,我還拉回切換著f5呢【gulp、 webpack等構建工具笑而不語

哎呦,js真厲害啊,連後臺資料庫都能操作了,伺服器都能構建了【nodejs笑而不語


隨著html5的普羅天下,css3的風靡全球,隨著nodejs 的崛起,JavaScript這個最容易被人誤解的語言,終於散髮了它本該有的光芒。


Javascript這個牛鼻的歷史產物,現在真的可以說是萬能的,至少在web層面是這樣,交互、效果、數據操作、娛樂游戲、操作文件io等等。

由於現在是web應用時代,各種尺寸的電子設備,增長式的爆發,只要和屏幕有關的 就是顏值,顏值代表了一切,你說前端有前途嗎?

html5、網頁游戲風靡全球,需要頁面展現的東西 都是前端範疇,你說有前途嗎?

 

目前世界上最多的可視化物質是什麼?螞蟻?人?還有人說是TT,那麼我告訴你,是網頁,網頁 ,網頁,據統計現在全世界 有億級別的網頁,請問什麼概念,你說有前途嗎?

最直觀的:前端的工資 從前幾年的平均幾K 到現在的10 20 k 。

 

你說有前途沒?

NO 3: web前端開發 ”怎麼學習,怎麼入門?


想知道嗎?嘿嘿,容我緩一緩喝口水!這麼嘛,且聽下回分解!

更多信息查看:web前端開發課程大全http://www.qianduanshiping.com

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 經常用到的圖片插件演示jQuery十種不同的切換圖片列表動畫效果 線上演示 下載地址 實例代碼 <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA- ...
  • 哈哈,今天突然興起,想了想自己對ajax的瞭解,來這裡敘述下。心情好,嘿嘿嘿 ajax是一種創建互動式網頁應用的網頁開發技術。就是在不重新載入頁面的情況下,更新部分網頁。 ajax原理:ajax就是相當於在用戶和伺服器之間加了一個中間層,是用戶操作與伺服器操作相應非同步化。並不是所有的用戶請求都提交給 ...
  • 本文同時發佈在本人個人博客上www.yaoxiaowen.com 這段時間在學習前端,並仿著我們公司官網的設計 tongshai.net, 把官網重新實現了一遍。 主要是因為我們公司的官網設計很簡單(就幾個靜態頁面,連什麼控制項都沒用),很適合作為練手項目, 模仿的工程放在了我的另一個測試伺服器上。  ...
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #table { width: 400px; border-collapse: collapse; } </sty ...
  • 接觸面向對象許久了,對於繼承這一塊也確實琢磨了一段時間,搜集各種資料和網站,也未能得到使自己滿意的,並能快速理解的繼承知識,於是對他們歸類,並得出自己的總結。 先說說繼承是什麼吧?也許我們最早接觸有關繼承的應該是“遺產”??也許電視劇看多了,總有家族為了這玩意兒整的你死我活,確實聽看不下去的哈,但是 ...
  • 前言:今天想寫個頁面常用到的【點擊回到頁面頂部或是首頁的功能】,生活和職場一樣,總會有低谷的時候,這個時候咱也別慫、別慫、別慫,說三遍!那都不是事,工作沒了,再找唄,就像我上周五,團隊解散那天,我是笑著走的,還給小白揮了揮手,微笑一個。那句話叫什麼來著,佛祖雖給你關了一扇門,說不定會再給你開一扇窗。 ...
  • 最近在重新學習JQuery 轉載自http://www.cnblogs.com/onlys/articles/jQuery.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...
  • Bootstrap按鈕學習筆記,包含按鈕的樣式,按鈕的大小及狀態 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...