❶ 黑馬程序員的「H5+全棧學科」怎麼樣啊
黑馬的課程還是不錯的,打造精通前端+後端+移動端的 精英人才,首期已經畢業,我在他們論壇上看了一下就業的薪資還是比較高的,值得推薦!
❷ 前端程序員會不會被淘汰
文章略長,沒耐心者可以跳到文末小編已用三句話概括全文。
事情起因是這樣子的,有團隊做了一款可以直接生成網頁的手機APP發布了。某知友就慌亂了,覺得前端工程師會被AI所取代,開始糾結學習前端還是後端。
「手機APP可以直接生成網頁,取代了前端工程師的一部分工作,隨著APP的進一步開發使用,前端開發的行業空間將更加狹小,是不是就意味著,前端開發正面臨著被淘汰的局面?」
前端真的會被取代嗎?
答案是否定的。誠然,按照人類現在的發展趨勢,未來所有工作都將被AI取代,但是計算機行業肯定也是要在後期才會被取代,優先取代的必然是一些流水線上的固定崗位的重復工作。
很多人會有這種想法,有以下幾個原因:
1、大部分人對於前端工程師的誤解
一個轉換網頁的APP的出現就能引起這么多人的猜測和恐慌,足以說明很多人對於前端開發的認識和了解是不夠清晰的。
真正的前端開發並不是傻瓜式的網頁生成可以取代的,在這個前端開發快速發展的互聯網時代,你還認為前端開發只是切網頁的,那你就大錯特錯了。
來看一則招聘啟示:
文末小編總結一段話,概括所有問題。
前端開發近十年都不易被撼動或取代,重要程度逐年增長中,吸金能力亦然。從業者應該注重自身知識鞏固和新知識的更新迭代。找准時代發展方向,努力專研,勇於創新能讓你走在時代最前頭。
❸ H5是什麼編程語言嗎
H5是指HTML5,它萬維網的核心語言、標准通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。
HTML5提供了一些新的元素和屬性,例如<nav>(網站導航塊)和<footer>。這種標簽將有利於搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如<audio>和<video>標記。
它有以下改進:
1、取消了一些過時的HTML4標記
其中包括純粹顯示效果的標記,如<font>和<center>,它們已經被CSS取代。
2、將內容和展示分離
b和i標簽依然保留,但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。u,font,center,strike 這些標簽則被完全去掉了。
3、一些全新的表單輸入對象
包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字元的支持。HTML5 還引入了微數據,這一使用機器可以識別的標簽標注內容的方法,使語義Web 的處理更為簡單。
4、全新的,更合理的Tag
多媒體對象將不再全部綁定在object或 embed Tag 中,而是視頻有視頻的Tag,音頻有音頻的 Tag。
5、本地資料庫
這個功能將內嵌一個本地的SQL資料庫,以加速互動式搜索,緩存以及索引功能。同時,那些離線Web 程序也將因此獲益匪淺。不需要插件的豐富動畫。
6、Canvas 對象
將給瀏覽器帶來直接在上面繪制矢量圖的能力,這意味著用戶可以脫離Flash Silverlight,直接在瀏覽器中顯示圖形或動畫。
7、瀏覽器中的真正程序
將提供API實現瀏覽器內的編輯,拖放,以及各種圖形用戶界面的能力。內容修飾Tag 將被剔除,而使用CSS。
8、Html5取代Flash在移動設備的地位。
9、其突出的特點就是強化了web頁的表現性,追加了本地資料庫,
(3)h5程序員擴展閱讀:
HTML5的未來趨勢:
1、移動優先
從如今層出不窮的移動應用就知道,在這個智能手機和平板電腦大爆炸的時代,移動優先已成趨勢,不管是開發什麼,都是以移動為主。
2、游戲開發者領銜「主演」
許多游戲開發商都被Facebook或者Zynga推動著發展,而未來的Facebook應用生態系統是基於HTML5的,盡管在HTML5平台開發出遊戲非常困難,但游戲開發商卻都願意那麼做。
通過PhoneGap及appmobi的XDK將Web應用游戲打包整合到原生應用中也是一種方式,Facebook差不多就這么乾的——基於Web應用及瀏覽器,但卻將之打包整合進原生應用。
❹ 資深H5開發工程師怎麼樣
資深H5開發工程師就業和薪資方面都很可觀的,現在很多企業大量招此類人才,只要技術過硬,一開始工資在6000元以上,買五險一金。這種人才掌握的專業技術有:前端頁面重構,javascript高級程序設計,PC端全棧項目開發,移動端項目開發,混合(Hybrid)開發,NodeJs全棧開發等. 有競爭力的工作崗位:web前端開發工程師、html5開發工程師、web APP開發工程師、頁面製作工程師、前端製作工程師、站點重構工程師、前端開發工程師、資深前端開發工程師、前端架構師等.
❺ 我是一名程序員,主要的編寫語言是 html.css.javascript.h5 css3 。
游戲開發有高有低層次,開發的重點也是在游戲引擎,目前國內游戲開發基本都是基於別人開發的引擎基礎上的,
沒什麼難度只是需要一點演算法,數學基礎好的話必然容易。建議學c++
❻ 千鋒好程序員html5進班面試難嗎
其實這個面試主要是為了考察學生的學習能力,技術基礎,因為好程序員的課程內容會比就業班多,節奏也快,沒有一定基礎和學習能力的同學們可能不太跟得上。
具體的面試內容,主要是一些js、css相關的技術問題,還有一些邏輯性的問題,另外面試老師也會通過了解學生的學習經歷、自學經歷,是否有工作過等等方面,來綜合判斷學生是否適合參加好程序員班的學習。
其實這樣也是為了學生負責,因為有的學生進了好程序員班確實有跟不上的情況,這樣再降級到就業班,學生就會有一定的心理落差,也會對學習的自信心有一定的打擊。
❼ H5到底啥意思簡明扼要一點,在網上查半天沒看懂
H5在廣告生活中可是太常見了~帶這個符號的東西每天都在消耗著你的時間,你的精力,甚至還有你的情感。那 H5到底是個什麼鬼東西?聽看挺洋氣,一個字母加一個數字,是啥意思呢?
1.什麼是HTML?
想了解H5,你得先知道什麼是HTML。HTML,全稱為HyperTextMarkupLanguage,中文直意為「超級文本標記語言"。從94年由萬維網(W3C)發明至今,已逐漸成為了網頁標記語言的行業規范,它是構成網頁的一種標記編寫語言,html目前也歷經了5次小大修改,直到2014年10月htm15最終定稿,現在的html5的這套規范是直接可以標記視頻、聲效、甚至是可以畫畫的。H5廣告的這個H5就是HTML5名字的精簡版,這是個關於網頁語言代碼的廣告。html.
2.HTML5是怎麼演變成H5的?
也許就是為了好念,也許想故弄玄虛,也許是太多前線傳播者缺乏應有的知識背景,H5這個名字在營銷軍團的詞典里悄然出現了,並且不出半年就紅遍了全中國,還打垧了廣告行業數碼設計的先鋒旗號!
起初程序猴們很不樂意哈~想保持htm15這個稱呼的純粹性,他們瞧不上那幫天天吹H5神話的銷售團,只是為了好賣亂起外號!
可是,遺憾的是,隨著時間的推移,看上去更具權威性的名字變成了舊稱成為了歷史。
3.H5的稱呼合適嗎?
我們剛提到,html是縮寫,每個字母有固定含義,你去掉三個,雖然好念了但表意肯定是錯的。HTML5同H5在當下已經無法畫上等號了,他們有著互相牽連的部分,也有區別。
咱國家的互聯網行業是個高歌猛進的大風口,面對不斷膨脹的需求,程序員是不夠用的。面對大勢頭,不管你是投機的還是不情願的,大量非專業出身的程序員充入了隊伍,被市場強推到了前線。為達到最初我們認為的htm15的效果,不擅長htm15移動端的程序員只好引用大量前代碼技術來輔助表面上看起來差不多的效果。
隨著H5廣告需求的擴大,移動端的H5廣告也混入了大量非完全由html5編寫的案例,變成了一鍋「八寶粥」!就這樣,H5這個名頭悄然間代替了html5。現在業內人一聽H5,不會覺得你在說html5,而會心領神會的覺得你想講的是移動端的web網頁。
當然,它包含的面是非常非常多的。在這種情況下,用H5這個名字來歸納這些因html5而起的互動廣告實際是個沒有辦法的辦法。想要細分,需要一個強大的體系來支撐,我們還沒有形成這個體系。
所以,目前H5廣告是指那些在移動端中傳播的帶有特效、互動體驗聲效的Web網頁,涵蓋范圍已超過了他最初的定義html本身了。
❽ 尚矽谷黑馬程序員的H5前端工程師,有人知道這個職業的前景如何嗎
web前端開發包括h5開發,html5增加了一些新標簽和新的屬性,對於移動端開發有很大的優勢,現在的招聘前端開發,都會要求掌握html5和css3,因此,如果你掌握html5和css3,你做web前端開發,薪資會更高!!!
❾ 怎麼給不懂it的人說h5的優點
.
我來告訴你吧,我一年工作經驗。基本工資15000。我09年開始利用業余時間自學,2012年9月份進入it行業。中專輟學。騰訊、網路、金山、搜狐。我都過了面試和筆試,最終我去了一家僅有百人的小公司,因為薪水不錯工作壓力小,可以利用業余時間自學。最後奉勸樓主沒有興趣和毅力千萬不要趟這渾水,我見過很多混吃等死的程序員,沒有前途可言。
❿ 程序員必須知道的HTML常用代碼有哪些
html+css代碼
文本設置
1、font-size: 字型大小參數
2、font-style: 字體格式
3、font-weight: 字體粗細
4、顏色屬性
color: 參數
注意使用網頁安全色
超鏈接設置
text-decoration: 參數
主要用途是改變瀏覽器顯示文字鏈接時的下劃線。
參數取值范圍:
underline:為文字加下劃線
overline:為文字加上劃線
line-through:為文字加刪除線
blink:使文字閃爍
none:不顯示上述任何效果
背景
1、背景顏色
background-color: 參數
2、背景圖片
background-image: url(URL)
URL就是背景圖片的存放路徑,none表示無。
3、背景圖片重復
background-repeat: 參數
參數取值范圍 :
no-repeat:不重復平鋪背景圖片
repeat-x:使圖片只在水平方向上平鋪
repeat-y:使圖片只在垂直方向上平鋪
如果不指定背景圖片重復屬性,瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
4、背景圖片固定
背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性,瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力,一般都設為固定
background-attachment: 參數
參數取值范圍:
fixed:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,固定不動
scroll:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,一起滾動
區塊
1、單詞間距
word-spacing: 間隔距離
2、字母間距
letter-spacing: 字母間距
3、文本對齊
text-align: 參數
參數的取值:
left:左對齊
right:右對齊
center:居中對齊
justify:相對左右對齊
4、垂直對齊
vertical-align: 參數
top:頂對齊
bottom:底對齊
text-top:相對文本頂對齊
text-bottom:相對文本底對齊
baseline:基準線對齊
middle:中心對齊
sub:以下標的形式顯示
super:以上標的形式顯示
5、文本縮進
text-indent: 縮進距離
12px相當於一個文字距離
6、空格
white-space: 參數
normal 正常
pre 保留
nowrap 不換行
7、顯示樣式
display: 參數
參數取值范圍:
block:塊級元素,在對象前後都換行
inline:在對象前後都不換行
list-item:在對象前後都換行,增加了項目符號
none:無顯示
方框
1、height 高度
2、width 寬度
3、padding 內邊距
4、margin 外邊距
5、float(浮動):可以讓塊級元素在一行中排列,例如橫向菜單。
6、clear 清除浮動
邊框
1、樣式
border style 參數
邊框樣式的參數:
none:無邊框
dotted:邊框為點線
dashed:邊框為長短線
solid:邊框為實線
double:邊框為雙線
2、寬度
border width 參數
3、顏色
border color 參數
列表
list-style-type 列表樣式
不同瀏覽器的列表符可能不相同,可能會影響到網頁,所以網頁中的列表大多都是由背景圖片顯示。
控制用戶界面的樣式
滑鼠
cursor:滑鼠形狀參數
CSS滑鼠形狀參數表:
滑鼠形狀:CSS代碼
style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text" 文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭頭形:
style="cursor:help" 問號形
style="cursor:e-resize" 右箭頭形
style="cursor:n-resize" 上箭頭形
style="cursor:nw-resize" 左上箭頭形
style="cursor:w-resize" 左箭頭形
style="cursor:s-resize" 下箭頭形
style="cursor:se-resize" 右下箭頭形
style="cursor:sw-resize" 左下箭頭形
HTML常用代碼之:結構性定義
文件類型<HTML></HTML> (放在檔案的開頭與結尾)
文件主題<TITLE></TITLE> (必須放在「文頭」區塊內)
文頭<HEAD></HEAD> (描述性資料,像是「主題」)
文體<BODY></BODY> (文件本體)
標題<H?></H?> (從1到6,有六層選擇)
標題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
區分<DIV></DIV>
區分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊<BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)
強調<EM></EM> (通常會以斜體顯示)
特別強調<STRONG></STRONG> (通常會以加粗顯示)
引文<CITE></CITE> (通常會以斜體顯示)
碼<CODE></CODE> (顯示原始碼之用)
樣本<SAMP></SAMP>
鍵盤輸入<KBD></KBD>
變數<VAR></VAR>
定義<DFN></DFN> (有些瀏覽器不提供)
地址 <ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
與外觀相關的標簽(作者自訂的表現方式)
加粗<B></B>
斜體<I></I>
底線<U></U> (尚有些瀏覽器不提供)
刪除線<S></S> (尚有些瀏覽器不提供)
下標<SUB></SUB>
上標<SUP></SUP>
打字機體<TT></TT> (用單空格字型顯示)
預定格式<PRE></PRE> (保留文件中空格的大小)
預定格式的寬度<PRE WIDTH=?></PRE>(以字元計算)
向中看齊<CENTER></CENTER> (文字與圖片都可以)
閃耀<BLINK></BLINK> (有史以來最被嘲弄的標簽)
字體大小 <FONTSIZE=?></FONT>(從1到7)
改變字體大小 <FONTSIZE=+|-?></FONT>
基本字體大小 <BASEFONTSIZE=?> (從1到7; 內定為3)
字體顏色 <FONTCOLOR="#$$"></FONT>($$為顏色代碼)
HTML常用代碼之:修改頁面的實用性HTML代碼
貼圖:<img src="圖片地址">
加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>
在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>
移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>
字體加粗:<b>寫上你想寫的字</b>
字體斜體:<i>寫上你想寫的字</i>
字體下劃線: <u>寫上你想寫的字</u>
字體刪除線: <s>寫上你想寫的字</s>
字體加大: <big>寫上你想寫的字</big>
字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)
更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>
貼音樂:<embed src="音樂地址" width="寬度" height="高度" autostart=false>
貼flash: <embed src="flash地址" width="寬度" height="高度">
貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
換行:<br>
段落:<p>段落</p>
原始文字樣式:<pre>正文</pre>
換帖子背景:<body background="背景圖片地址">
固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body bgproperties=fixed>
定製帖子背景顏色:<body bgcolor="#value">(value值見10)
帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>
貼網頁:<iframe. src="相關地址" width="寬度" height="高度"></iframe>
HTML常用代碼之:常常會遇到的問題
點擊關閉窗口
<a href="javascript.:top.window.close();">點擊關閉窗口</a>!
請問如何去掉主頁右面的滾動條?
<body scroll="no">
<body style="overflow-y:hidden">
如何做到讓一個網頁自動關閉.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>
如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=『『『『red『『『『>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>
請問如何讓網頁自動刷新?
在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒後自動刷新,你可以更改為任意值。
如何讓頁面自動刷新?
方法一,用refresh
HTML 代碼片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>
如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼:
<style. type="text/css"> <!--
a { text-decoration: none}
--> </style>
請問如何去掉IE的上下滾動條?
<body style=『『『『overflow:scroll;overflow-y:hidden『『『『>
</body>
怎樣才能把RealPlayer文件在網頁做一個試聽連接?
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>
如何用html實現瀏覽器上後退按鈕的功能?
<a href="java script.:history.go(-1)">點擊後退</a>
或者
<script> history.back() </SCRIPT>
HTML常用代碼之:你不一定知道的技巧
ncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵
<table borderncontextmenu=return(false)><td>no</table> 可用於Table
<body nselectstart="return false"> 取消選取、防止復制
onpaste="return false" 不準粘貼
on="return false;" ncut="return false;" 防止復制
<link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標
<link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標
<inputstyle="ime-mode:disabled"> 關閉輸入法
永遠都會帶著框架
<script. language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁
// --></script>
防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
網頁將不能被另存為
<noscript><iframe.src=*.html></iframe></noscript>
查看網頁源代碼
<input type=button value=查看網頁源代碼
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">
刪除時確認
<a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>
屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!");//可以換成ALTCTRL
}
document.onkeydown=look;
</script>
網頁不會被緩存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">
怎樣讓表單沒有凹凸感?
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>
不要滾動條?
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉?更簡單了
<body scroll="no">
</body>
怎樣去掉圖片鏈接點擊後,圖片周圍的虛線?
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>
電子郵件處理提交表單
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>
在打開的子窗口刷新父窗口的代碼里如何寫?
window.opener.location.reload()
如何設定打開頁面的大小
<body nload="top.resizeTo(300,200);">
打開頁面的位置<bodynload="top.moveBy(300,200);">
在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
檢查一段字元串是否全由數字組成
<script. language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight
怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");
TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
日期減去天數等於第二個日期
<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>
選擇了哪一個Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>
腳本永不出錯
<SCRIPT. LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors;// -->
</SCRIPT>
ENTER鍵可以讓游標移到下一個輸入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">