顯示具有 JAVA面試 標籤的文章。 顯示所有文章
顯示具有 JAVA面試 標籤的文章。 顯示所有文章

身為前端工程師你一定要知道這個!


身為前端工程師的你,是否夠了解前端與後端之間的差異是什麼呢?
每一個網頁的構成,包含你看得到的部分以及你看不到的部分。看得到的部分包含文字、圖片等網頁呈現的形式;而看不到的部分為後台的數據、大量的資料庫等維持網站運作的部分。簡單來說,前端工程師課程所教的,就是負責你看得到的部分、後端工程師則處理使用所看不到的部分。

前端工程師的工作內容與必備能力
簡單來說,前端工程師所負責的工作內容,就是調整使用者在網頁上所有「看得見的部分」,包含網頁的整體排版、圖樣、動畫呈現、字體樣式、圖文排列方式等等。而網頁的呈現方式對於一家公司行號來說,就等同於該公司的門面。所以前端工程師需常與設計師合作,需具備一定的美感。
除了網頁的美觀之外,也需兼顧網頁的動線與規劃,讓網頁無論是在桌上型電腦閱覽、或是在手機等行動裝置瀏覽,都能讓使用者能有良好的用戶體驗。所以前端工程師也需有「能體會使用者所體驗的」的同理心,並也有機會與 UI(使用者介面)/UX (使用者體驗)設計師合作。而隨著 Chrome 等網頁瀏覽器的技術推陳出新,進修過前端工程師課程的技術水平也會跟著提高。

前端工程師所需基本技能
  1. 熟悉 HTML/CSS 與 Javascript,呈現網頁的樣式與功能
  2. 能活用時下熱門的 Javascript 框架,如 Angular.js、React.js、Vue.js。熟悉 CSS 框架,如 Bootstrap 等
  3. 熟悉 CSS 框架,如 Bootstrap 等
  4. 擁有 RWD (響應式網頁設計) 的能力,讓網站無論是在桌機上、平板上或是手機上都能完善呈現。
  5. 使用版本控制工具如 Git 的能力
  6. 知道如何串接後端的 API
  7. 熟悉各大主流的網頁瀏覽器(如 Chrome)的開發者工具

後端工程師的工作內容與必備能力
要讓一個網站能正常運作,需要後端工程師進行網站內容的數據管理與資料儲存等工作。以一個電商網站來說,這些數據、資料包含使用者的帳戶資訊、購物記錄、點閱紀錄、觸擊率等等。後端工程師負責伺服器的運作、資料庫及演算法,讓網站能以能最快的速度找到使用者所需的資料。因此後端工程師需要有良好的邏輯以及設計、操作資料庫的能力。

前端工程師所需基本技能
  1. 至少精通一種主要的後端語言,如 Python、PHP、Java 等至少精通一種主要的後端語言,如 Python、PHP、Java 等
  2. 了解網路通訊協定:如 HTTP、TCP 等
  3. 使用資料庫開發工具如 My SQL 處理資料的能力。
  4. 了解 HTML/CSS 與 Javascript 基本的前端語言
  5. 打造 API 的能力
  6. 會使用 AWS、Google Cloud Platform 等平台部署網站、資料庫。
  7. 使用 Linux 的能力
  8. 使用版本控制工具如 Git 的能力

參考連結:

SEO優化絕招:利用語意標記排版和尋引擎心連心



SEO優化絕招:利用語意標記排版和尋引擎心連心


SEO優化無非就是想和尋引擎心連心,增加搜尋曝光率!

 HTML 5 教學的語意標記,對前端工程師/前端設計師來說,是不知不可的網路行銷課程網頁設計基礎,決定了網頁配置的邏輯;對於 SEO優化師來說,雖然 HTML 5 的作用不是讓網頁可以被搜尋引擎自動擷取資料,但是卻可以讓搜尋引擎理解網頁每個部份 (Section,在此有人翻成區塊) 的排列邏輯、以及每個部份的作用等等,例如透過<header>告知搜尋引擎哪裡是頁頭、<nav> 告知搜尋引擎哪裡會列出導覽內容等等,還 可以用來搭配 Schema 語意標記,協助搜尋引擎正確完成索引。
常見的HTML 5 教學語意標記如下表所示:

標籤名稱
說明
<section>
區塊
<section>主要是告知搜尋引擎「這是一個段落」,包覆的對象不以文章為限。
裡面含標題<h1>-<h6>與內容<p>,
主要用途是告知搜尋引擎一個區塊的主要內容 (內容就是這個<section>的標題)
<article>
文章區塊
<article>跟<section>性質相近,都有含標題<h1>-<h6>與內容。
但是相較於<section>,更強調所包覆的對象是「文章」
<header>
表頭
以前用<div>架構會像這樣寫<div class="header">、<div class="footer">,
HTML5 則可以分別使用<header>與<footer>標籤來取代。在任何區塊下的架構,
如果需要詳細區分表頭表尾時,就可使用<header>以及<footer>來架構,用於<body>標籤下是最普遍的,
因為<body>的架構較大,需要清楚區分表頭與表尾。
<footer>
表尾
<aside>
側邊欄位
邏輯上跟<header>以及<footer>的使用方式一樣,只是位置是強調在「側邊」。
多用於WordPress、部落格、新聞網站常見的右邊側邊欄,
顯示最新文章、文章排行榜、其他連結、廣告、推薦文章等等的訊息區塊,就很適合用<aside>來做佈局。
<aside>的語意算是跟本文無關的區塊,也就是額外資訊,通常放的是跟主要文本無關的其他額外資訊
<main>
主要區塊
在 HTML5 中用來放置這個頁面主要的資訊,有點像以前的<div class="content"> 。
且每個頁面中只能有一個<main>標籤,且不能被置於在<nav><article><aside><footer><header>之中。
但是<article><aside><section>則可以可安被置於<main>當中。
<nav>
主要區塊
網站內的導航區塊,都適合使用<nav>來做架構,像是主選單、表尾選單等。


排版範例

如同以下的範例,<header>的內容就會出現在網頁的頁頭;<nav>則是導覽項目;<main>則是網頁的主要區塊,包含了<article>和<aside>,<article>內又分成不同的區塊(<sector>);<footer>則出現在頁尾。

<header></header>
<nav></nav>
<main>
 <article></article>
  <sector></sector>
  <sector></sector>
 <aside></aside>
</main>
<footer>
 Updated on <time></time>
</footer>

既然語意標籤和過去的<div>有相同的排版特性,那為什麼要使用語意標籤呢?最大的目的,是讓搜尋引擎或是其他軟體工具,可以更清楚的了解網頁中每個區塊的設計目的,讓網頁更容易被搜尋引擎"了解",因此有增強網頁SEO優化的效果。


參考連結:

Python課程讓我明白,人生中誰都逃不過AI的法眼!

Python課程讓我明白,人生中誰都逃不過AI的法眼!

正在學習Python課程之後,你可知道AI智慧生活還隱藏了什麼風險...
你會分享你的 Netflix 帳密給親友追劇嗎?或是你現在正在使用的 Netflix 帳密是別人分享給你使用的?學過Python課程的你就知道,要小心被 AI 人工智慧 抓包!
日前在美國拉斯維加斯舉辦的 2019 年消費電子展(Consumer electronics show,CES)上,來自英國的視訊軟體供應商 Synamedia 公布了一款全新的 AI 人工智慧系統,用來防止付費視訊平台的使用者共享帳密的行為。
根據 Magid 最新的調查顯示,有 26% 的 Y 世代 (Millennials,泛指 1980年~2000 年出生的人) 會將自己在影音串流服務平台上的身分憑據資料,分享給他人。又根據美國消費電子產品權威市場分析機構 Parks Associates 的研究發現,直至 2021 年,共享帳密的行為會讓付費電視的收入損失達 9.9 億美元 (約 306 億台幣),而像 Netflix、Amazon Prime Video 等 OTT 影音串流平台則會損失 1.2 億美元 (約 37.021 億台幣)。
而這套 Synamedia 出品的新 AI 軟體 - Synamedia Credentials Sharing Insight 會分析目前有哪接使用者登入,並標註出那些帳號被分享使用。無論是小額的付費使用者、或是大規模的營利商,都追蹤的到。
Synamedia Credentials Sharing Insight 透過行為分析以及機器學習的模式,追蹤線上串流服務的帳密共享行為。除了制止非法的帳密共享行為之外,這套 AI 系統可讓影音串流平台的營運者,指定一個帳號可以分享給幾個人使用。像是有一些帳號就可供特定的人數共享,像是家庭帳號,自宅內的人皆可分享使用。
這套 AI 系統還可監視用戶數據資料庫,找出是否有潛在的的詐欺行為、或是準確辨識出使用者在哪裡 (家中、度假小屋等) 使用這個帳密、如何使用等等。
假如 AI 偵測到該用戶與不再住在家中的成年子女共享帳密的話,會被推薦成購買可讓更多人、更多裝置共享的多人方案。
Synamedia 表示,目前已經開始測試該 AI 人工智慧 系統。Synamedia 的CEO Jean Marc Racine 說,串流平台的帳密共享問題不容忽視,我們的新解決方案可以讓營運者採取更積極的行動,讓更多使用者願意付費購買多人方案,這種做法可以確保營運商可從目前的觀看流量中,獲得到相等的收益。
快分享給想學Python課程的朋友吧~
參考連結:

參考連結:


加入Python課程,強化你在社會上的競爭優勢!

加入Python課程,強化你在社會上的競爭優勢! 


最近是否發現學習Python課程的人越來越多了呢?
未來 AI 人工智慧即將成為產業主流,Google、FB 等大企業都在大規模的招募 AI 人才。誰掌握了核心 AI 技術,誰就是未來 IT 界霸主。然而在大家歌頌 AI 可以給人類更方便的生活、給宅男們帶來百依百順的 AI 女友的同時,張忠謀也說:AI 即將取代 90% 的人的工作!貧窮的將會更貧窮、富有的將會更富有!學習Python課程才不會被社會淘汰。文學界與電影界有一個稱為「賽博叛客(Cyberpunk)」的科幻流派,內容為未來科技爆炸時導致的M型化社會「高端科技、低端生活(High Tech, Low Life)」:當高端科技掌控在那些少數高不可攀的權貴手中時,多數在底層生活的人又如何生存? AI 人工智慧往往是這類流派的主要元素之一。

1. 艾莉塔:戰鬥天使 (2019)




【艾莉塔:戰鬥天使】改編自日本漫畫【銃夢】。【銃夢】與【攻殼機動隊】都是日本經典的賽博叛客漫畫,然而【銃夢】的反烏托邦色彩更明顯:居住在地上的人們,過著低端的生活並受到空中都市沙雷姆統治。沙雷姆掌控著 AI 等高端科技。主角艾莉塔是個被廢棄的合成人,她的頭顱被丟棄在廢鐵鎮。之後被一位好心的博士發現後,在他熱心的照料下,獲得新的生命、樣貌,以及力量。她也漸漸恢復了記憶。原來她曾是一名受過致命武術訓練的戰士,並開始追蹤、消滅重大罪犯的合成人以及對抗世界上的不公義。【艾莉塔:戰鬥天使】擁有許多絕美的畫面:未來的高端科技對比殘破的場景、穿著搖滾、龐克風、Emo風等的路人等等。本部片由阿凡達金獎億萬名導詹姆斯卡麥隆及原班人馬全力打造,充滿史詩般的動作冒險情境,在台灣將於2019年2月5日上映。

2. 成人世界 (2015)



南非首都約翰尼斯堡治安亮紅燈,光是一天就會發有多起血腥案件。南非政府於是從IT公司「特創伏公司」(Tetravaal)購買機器人警察來維持治安。其中一個工程師研發了一個具有人類意識的晶片,並放在其中一個機器人「Chappie」中。之後這位工程師被貧民窟中的反派綁架,被逼與反派合作。而機器人「Chappie」被創造出來時意識就像個小孩子,藉由Python課程裡的人工智慧與機器學習,他不斷學習如何當一個「人」。教他的人有工程師,也有一群惡棍,而且也經常面臨電池耗盡的危機,但他還是慢慢的變成一個「成人」。
雖然「Chappie」的外型是個不折不扣的機器人,但是經過機器學習後,他能像孩子般領受到「媽媽(反派的女友,遇到Chappie後馬上流露出母愛)」的教導和愛、領受到工程師的教導而學習藝術、或是領受到反派的教育,變得比反派還會使壞。這部片針對人工智慧加上機器學習的刻畫非常深刻,加入人造意識的 Chappie 擁有豐富情感,它會表達害怕、喜悅、難過甚至是猜忌。Chappie 超脫了一般沒有情感、冷冰冰的機器人。

3. 銀翼殺手2049 (2017)



未來世界 AI人工智慧與生物工程同步大躍進。大量創造出的機器人、複製人可以為人類做許多事。然而,這些複製人進化到最終超越人類時,它們是否會強大到要反抗、取代人類? 為了維護人類眼中的秩序,新型複製人 K 受命於他的長官,從事獵殺同類 - 舊型複製人的任務。孤獨的 K 因為殘害同類,被舊型複製人鄙視著;也因為自己非真人,而又遭受人類的歧視,他的處境難堪猶如腹背受敵。他唯一的慰藉是回家後可與 AI 虛擬投影情人嬌伊 Joi 再一起的快樂時光。
不同於一般的AI人工智慧機器人,K 還經過了以胚胎細胞核、基因等精密工程醫學複製出的仿生人。所以他也有人類的情感,內心嚮往著經過懷孕生育的生命,他渴望擁有自己的童年。為了探索他的過去的真相,K 毫不遲疑走向自我追尋之旅,一步步解開30年前的謎團......

4. 攻殼機動隊 (2017)



AI 不可能變成真正的人類,但是人類有可能變成AI機器人!? 主角「少校」本為人類,之後在一場意外中撿回一命,其身體全被機器強化(又稱義體化),成為一位完美的戰士。她所剩的大腦組織,被一個鈦合金腦殼所保護著;而小腦等負責運動機能的部分則被「電子腦」所取代。她被利用於打擊世上最危險的罪犯。
之後恐怖行動發展到了一個極致:能夠駭進人類大腦意識,控制他們的行為。而此時只有少校擁有的獨特能力能夠阻止。但當她面對一個全新的敵人,少校這才赫然發現她所知道的一切都是謊言:她的人生已經完全被偷走。她將不計代價、竭盡所能,重拾她過去的記憶、揪出偷走她人生的兇手,並且阻止他們再對其他人做出這種事 - 把活生生的人類變成半機器的「生化人」。

5. 駭客任務 (1999)



在這影片的前傳 (補完動畫) 中提到:人類製造的 AI 機器人背叛了人類,反過來開始統治人類。在此片中,在機器母體 (Matrix) 空間制造的虛擬世界是模擬 1999 年的人類世界(現實世界其實已踏入 2199 年左右),人類像奴隸一樣在母體內工作、生活著。母體透過內建的各種程式,藉由和人體大腦神經的連接器,使五感與心理(六根)等訊號傳遞到人類大腦時,都彷彿是真實的,甚至在「死亡」時,真實的身體也會因逼真的感受而死。母體創造這個趨近真實的虛擬世界,目的在欺騙被機器囚禁的人類,讓人類以為自己是真正的「活著」並能繁衍下去,而死後的人體則被拿來提取能源以繼續供應母體。
而其母體 (Matrix) 就是由許多演算法構成、模擬人類經驗的虛構世界。連接上母體的人類之所以不會察覺異狀,關鍵就在於他們以為自己掌握了對人生的選擇權,也就是「自由意志」;殊不知這自由意志也是演算法模擬出來的。而莫菲斯等人是較早被解放、而得以脫離母體的一群。所有人對真實的世界全然不知。
莫菲斯曾被先知預言說將在有生之年找到救世主,而前代救世主死前,她也曾經預言他會再次來到人間拯救所有被機器所囚的人類。莫菲斯於是拼命尋找救世主。當聯絡到尼歐後,他預感尼歐就是轉世的救世主(尼歐其實是第六代救世主)。但尼歐卻對此身份有所懷疑。
來到真實世界後,尼歐通過與莫菲斯的電腦程式訓練,發現只要有信念,相信在電腦程式中的一切都不是真的,就可以在母體中突破所有模擬真實世界的各種物理現象 (如萬有引力、摩擦力等),可以一拳把人打飛至十多米遠、跳躍至半空停留七、八秒才落地等。 尼歐經過訓練後,和莫菲斯等人再次透過連接器進入母體,他們在返回真實世界的途中,母體派出多個以史密斯(Agent Smith)為首的特工程式追殺......


參考連結:


全球首屆元宇宙時裝周,複刻20年前的失敗?

全球首屆元宇宙時裝周, 遇到瓶頸 複刻20年前的失敗? 目錄 元宇宙時裝周參與盛況 叫好不叫座?新興技術的行銷瓶頸 由虛擬實境平台 Decentraland 所舉辦的「元宇宙時裝週」(Metaverse Fashion Week...