🧙♂️ วันนี้แอดไปเจอ Repo เด็ด ๆ มา (อีกแล้ววว) สำหรับสาย Front-End โดยเฉพาะ เพราะมันคือ "Checklist ทุกอย่างที่สำคัญที่ Front-End ไม่รู้ไม่ได้ !!"
.
🔥 โดยใน Repo ตัวนี้จะมีเนื้อหาครอบคลุมตั้งแต่เรื่องพื้นฐานสุด ๆ จนไปถึงการทำ SEO และ การแปลภาษา ทำ Localization ได้หมดเลย โดยมีหัวข้อทั้งหมดดังนี้ฮะ :D
.
✅ Head
✅ HTML
✅ Webfonts
✅ CSS
✅ Images
✅ JavaScript
✅ Security
✅ Performance
✅ Accessibility
✅ SEO
✅ Translations
.
เรียกได้ว่าแค่นี้ก็ครบถ้วนแล้วนั่นเอง โดยเขาก็ได้มีการยกตัวอย่างสถานการณ์ไหนที่ควรใช้ ?, เหตุการณ์ไหนที่แนะนำสุด ๆ และ เหตุการณ์ไหนที่แบบว่าต้องใช้เท่านั้นด้วยนะ <3
.
🔥 หากใครสนใจ ตามแอดมาได้ที่ Repo นี้กันได้เลยจ้าา
https://github.com/thedaviddias/Front-End-Checklist
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有4部Youtube影片,追蹤數超過3,370的網紅網頁設計x廣告行銷,也在其Youtube影片中提到,❤免費訂閱Free subscribe❤ https://pse.is/submytube ❤聯絡我們 Contact Us❤ https://pse.is/forums_op --------- ✪✪✪FYR 補充資料如下✪✪✪ Tumult Hype 網頁設計軟體中文教學03 | 自訂義CSS...
「css /head」的推薦目錄:
- 關於css /head 在 BorntoDev Facebook 的精選貼文
- 關於css /head 在 純靠北工程師 Facebook 的最讚貼文
- 關於css /head 在 小吃貨的英國生活日記 Facebook 的精選貼文
- 關於css /head 在 網頁設計x廣告行銷 Youtube 的最佳解答
- 關於css /head 在 吳老師教學部落格 Youtube 的最佳貼文
- 關於css /head 在 吳老師教學部落格 Youtube 的最佳解答
- 關於css /head 在 重新認識CSS - CSS 簡介 的評價
- 關於css /head 在 Nuxt Linking CSS Files in Head property from assets issue 的評價
- 關於css /head 在 How can I add CSS variables to the HTML head? - Drupal ... 的評價
css /head 在 純靠北工程師 Facebook 的最讚貼文
#純靠北工程師1sk
續 #純靠北工程師1rz
你以為我會不知道有不是+3000的情況?
我當然知道,但我就是知道這80筆商品固定+3000新人也知道才覺得她不應該自己算
(+4000、+5000都可以,這就只是種商業噱頭)
更不用說我給她的JS碼明明就寫著同業價-2000的寫法
也不用說她自己寫的去生成什麼json
交給她管的這些檔案Html、CSS、JS全部都是我寫的
她只做了"天天改...更新價錢"這件事
那個json檔為了能跨域存取我是寫成.js
當初很多人來投履歷,我特地告訴主管要選個會寫程式的人
因為我們部門全部都是網頁設計
現在想想...當初她上機考試時
用iframe而不是用load把head放進網頁裡就應該把她踢掉...
打著後端經驗就同意她進來真是個錯誤的決定...
喔!對了...話說我高中&大學全班同學都是女生
我才不信在座會有人女朋友比我多
📢 匿名發文請至 https://kaobei.engineer/cards/create
🥙 全平台留言 https://kaobei.engineer/cards/show/2324
css /head 在 小吃貨的英國生活日記 Facebook 的精選貼文
#英國工作面試經驗分享
趁著新工作開工前和大家簡單分享一下這次找工作的心得。
這次找工作前前後後大概做了10間公司的interview ,但只有兩間是face to face 這樣,然後我拿了其中一間的offer。另一間其實也有很大機會拿offer但後來不太想繼續他們的流程,所以就沒下文了。
有些是我自己投的,有些是agent/hunter幫我找的,一般來說,如果沒有工作經驗,很難吸引到hunter,所以這次的經驗跟我剛畢業的時候很不一樣,這次一大堆hunter打來也很煩。
一般來說會有phone interview 和 on-site interview,有的會有一個phone interview + 兩個 on-site interview
on-site就是去他們公司面試這樣。然後工程師類型,一般phone interview可能會是technical的,例如會用Google Doc或者他們公司自己的系統,可以雙方一起coding的。
像Javascript會有codePen之類的,然後可能Skype也是Group一起,就對方可能有兩三個人跟你一起寫code然後同時也skype,這個我覺得壓力很大,尤其你寫的時候別人都看的到。這個是Oxfordnanopore的面試,也是我第一次遇到這樣的面試,面試的亂七八糟的,但其實我不知道結果如何,因為這個是agent幫我找的(跟我後來拿到offer的agent同一個,所以即使有下文也是他幫我回絕,所以我不太清楚feedback。
分析一下表現得很爛的原因,有一點大概是因為沒什麼這樣的經驗,以及我從來沒用過CodePen,然後原本一個小時的面試拖到兩個小時(所以大家時間最好都抓比較長一點),而且又是三個人,覺得壓力很大。雖然問的問題並不是很難,但當下腦但就是一片空白......寫出了第一題以後,他們稍微改了題目,讓我又很混亂,然後他們決定要跳到第三題,其實我當下已經覺得很痛苦想要快點結束......然後我忘記第三題我解的怎麼樣了,反正那些題目大概就是Google JS interview會被問的題目。然後又問了我CSS的東西,我CSS真的超爛的,答得很爛,他們知道我CSS很少用到,因為我們都用Angular Material ......(寫到這裡不知道有多少人看得懂我在寫什麼了.....) 反正題目結束以後,他們就問我有沒有什麼問題要問他們,然後他們還問我今天的感想如何,覺得自己表現的怎麼樣,我說我覺得自己表現得很爛,當下肚子非常的餓,快餓昏了(因為這個面試前還做了另一個面試,也是寫題目的),讓人覺得很想哭= =想要快點結束,後來終於亂聊了一下結束這樣。回想起來這個大概是我最痛苦的一次面試。
這個面試的前一個面試,也是要雙向互動,但不是雙方一起寫一些code,是登入他們公司的系統,然後有點像記事本那樣,他可以打一些東西我看的到,也是做題目,大概是寫一個函式,可以給一串數字,找出當中的偶數。這個跟我第一個電話面試是一樣的題目,只是我第一次是寫C#,所以這個表現得還可以,然後問到CSS也是慘死,但他說他知道我不太會寫CSS。反正這個面試是面試的還OK,比較奇怪的是,這樣的面試,卻是用電話溝通,然後登入電腦系統,並不是用Skype,所以電話可能要開擴音,不然也無法打字.....這個公司也是跟我新公司一樣的agent,所以我也不知道feedback如何,就是沒麼下文這樣。
第一個電話面試,就是我說的一樣的方式,只是他們是用Google Doc.,然後也是問了那個找偶數的,再來就是給我看一串code問我會印出什麼這樣,然後如果把Class改成Struct會印出什麼。我自己覺得這個面試還可以,但之後HR說什麼不能幫Junior工程師做簽證,他們目前只能幫Senior的做.....讓我很無言,因為我一開始就寫在履歷上面我需要簽證。
然後其他的面試通常是Phone interviw就是大致上問一些關於我的事情,例如我目前的工作內容,我在Team的角色,然後所使用的工具技能那些,接著就是會給回家作業,然後可能要在限定的時間做完這樣。過了的話他們通常會叫你去公司跟他們談談,問問你怎麼做的,然後我現在的公司他們有要我Improve code,雖然我自己覺得面試的有點爛,而且他們問我一些JS的東西當時回答是錯的答案,他們也沒糾正我。反正還是拿到offer就對了,而且我滿喜歡他們公司的,就馬上答應。
除了上述幾個以外,也有遇過直接給Technical 線上做題的,就是例如可能一個半小時內要做完50題前端的題目,然後可能有單選或多選,問的就是也是Google可以找到的題目,但就是閱讀的要快,然後要Google也要快,這個覺得多練習就可以了。
有的Phone Interview就是直接一直瘋狂問你各種技術性的問題,例如:
1.什麼是物件導向
2.什麼是多型
3.什麼是RestfulAPI
4.為什麼要寫automation test, 好處是什麼
5.什麼是Database normalisation
6.git commit 和 git push的差異
7.如果瀏覽器沒辦法支援JS可能會發生什麼問題
8.跨瀏覽器的重要性
9.什麼是工廠模式
就是類似這些,然後問了大概2-30題左右,超多的其實我已經忘記大概了,順序也忘了,phone interview之後要我寫回家作業,反正後來因為我已經拿到offer就回絕這間公司了,沒有繼續。
通常phone interview又寫完作業,現場面試可能會是白板題。
我覺得agent的好處是,你不用一直浪費時間去回email或者去follow up,然後需要談薪水的時候也可以讓他們去幫你談。
如果想要引起agent的注意可以到各大求職網站一直撒CV就是了,但通常Agent都不接受需要簽證的人,所以這個比較麻煩,我算是滿幸運的遇到我的agent,有一些agent還是會願意幫忙找可以做簽證的公司或者願意幫你跟公司談就是了。
個人覺得phone interview一般的問題可以自己在家裡模擬練習,然後講電話的時候記得發音要清楚,建議是準備耳機,如果不是需要coding的話,需要也可以用無線耳機之類的吧!
然後記得要注意禮貌,跟agent說話也要注意禮貌,請、謝謝、對不起,大概就是英國的傳統,一直講就對了,講完還可以適時地稱讚對方。
技術類的onsite interview通常應該也是類似白板題這樣,自己在家裡也可以練習,或者有要你寫回家作業的話就會討論回家作業相關的。回家作業通常是,前端就是做一個SPA(因為現在比較多是走SPA)然後後端就是要你寫一個API讓人家可以call 你,也有就是要你寫一個SPA可以call後端的RESTAPI,有限時間的話最好就快速完成,沒有限的話就把握時間把 code寫得漂亮一點。我新公司當時是叫我用Canvas做一個動畫,這個比較少見,大概是因為他們知道我原本是寫Angular可是他們公司用Vue.JS所以覺得那就考純JS......
新公司面試的一個關鍵我覺得是CEO跟Head of private market喜歡我,因為他們說公司文化很重要,Right experience doesn't means right person. 當時我也很喜歡他們給我的感覺,面試的時候工程師們也都很好,要走的時候CEO還帶我參觀公司環境。雖然Glassdoor上面有很多人批評CEO太controlling,但我覺得實際上還是要看相處起來的狀況,當然我還沒上工我也不清楚啦!面試的時候我滿喜歡他的。
總之這次的面試大概都是技術的,跟我原本剛畢業的時候差很多,但是我還是覺得每一間公司很重視自己公司的文化,所以找到對的公司也滿重要的,然後一開始其實我看公司簡介的時候覺得對他們沒什麼興趣,可是談完以後覺得好像可以試試看,然後去他們公司的時候感覺非常好。如果有任何面試機會的話,都可以去試試看,不然當作練習也好。
希望這篇對大家有小小的幫助......雖然說如果你不是工程師的話可能看不太懂QQ
#人生就是峰迴路轉
css /head 在 網頁設計x廣告行銷 Youtube 的最佳解答
❤免費訂閱Free subscribe❤
https://pse.is/submytube
❤聯絡我們 Contact Us❤
https://pse.is/forums_op
---------
✪✪✪FYR 補充資料如下✪✪✪
Tumult Hype 網頁設計軟體中文教學03 | 自訂義CSS HTML 修改字型 font family google font
章節chapter
影片00:00 前言介紹
影片01:32 Protect from external styles 簡介
影片03:31 修改自訂html code 在物件 或文字
影片04:30 如何打開 HEAD HTML 自訂新增代碼
影片06:44 google font 自訂字型修改 使用方式
相關資源下載 及查詢
https://freeday.cc/forum/index.php?p=/discussion/97/
https://fonts.google.com/
https://webdevtrick.com/
https://www.w3schools.com/css/css_intro.asp
■商業行銷&設計資訊相關討論區
https://freeday.cc/forum/index.php?p=/categories/freesource
■網站架設廣告行銷業務洽詢■
https://pse.is/forums_op
❤小額贊助頻道 Donate us a cup coffee❤
https://www.paypal.me/178yo
■聯絡我們 Contact Us
https://pse.is/forums_op
#網頁設計x廣告行銷
css /head 在 吳老師教學部落格 Youtube 的最佳貼文
PhoneGap APP懶人包
http://terry28853669.pixnet.net/blog/category/list/1384515
論壇:
https://groups.google.com/forum/#!forum/labor_app_2014
上課內容:
01_eHappyWeb重點與修改成動態說明
02_eHappyWeb介面ID設定
03_將程式碼貼在HEAD標籤裡並執行
04_JAVASRIPT程式碼說明
05_206APP範例說明
06_建立網站靜態頁面說明
07_如何將206APP頁面變成動態
08_複製程式與修改說明
09_意見回覆改為GOOGLE表單
用JAVA程式設計APP對一般人來說太難,
這門課就是用網站觀念做APP,利用DW6的PhoneGap服務見可以快速將Web轉成APP
課程理念
智慧型手機平台,已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上,手機相關應用,將會超越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成為各產業或政府對外窗口。
如何開發APP,以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等,進而取得證照。
吳老師教學特色:
1.影音複習分享(全程錄影)。
2.能不硬code程式,有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作,圖形化工具使用。
5.隨時更新第一手資訊。
上課書目
用Dreamweaver CS6,我也會開發APP
作者: 鄧文淵 總監製/文淵閣工作室 編著
書號: ACU062500 ???
出版日: 2012/10/09
紙本書價格: 450
內容特色
用Dreamweaver CS6,你也會開發APP!能快速完成作品、擁有視覺化的質感介面,更可以驅動手機的硬體設備,舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap,讓你的網頁瞬間昇華為跨平台的APP應用程式。
不用擔心HTML5、CSS3與PhoneGap的內容,交給Dreamweaver CS6一次就搞定!
利用jQuery Mobile快速打造專業手機使用者介面,只要善用操作面板的設定。
在Dreamweaver CS6一次開發,就能跨iOS、Android等多種不同平台,讓你的APP無遠弗屆!
開發 APP 的新領域
混合式應用程式是以 Web 應用程式做為基礎,使用網頁技術開發應用程式,因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路,大幅降低設計行動裝置應用程式的門檻。
PhoneGap 特點:
輕量級架構:PhoneGap 以 JavaScript 撰寫,檔案只有一百餘 K。
節省開發及維護成本:建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短,曾有專家進行研究,使用 PhoneGap 的開發成本,僅需一般開發成本的五分之一。
開發門檻低:以往要開發行動裝置應用程式,必須經數年的程式語言基礎,才能進行開發。
兼容性:以往開發行動裝置應用程式時,必須為各種平台撰寫不同程式碼,雖然程式邏輯概念相同,不同平台程式仍有差異,也要在不同平台上分別編譯。
雲端編譯:應用程式可以在本地編譯,也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
配合整合環境軟體開發:在適當的整合環境中進行應用程式的開發可以節省非常時間精力。
元件免費:PhoneGap 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。
Android程式開發證照教學懶人包
http://terry55wu.blogspot.com/p/android.html
跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課
http://terry28853669.pixnet.net/blog/post/56282082
元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課
http://terry28853669.pixnet.net/blog/post/56282109
跨平台手機APP程式(用PhoneGap將網站轉APP)第12次
http://terry28853669.pixnet.net/blog/post/56282124
元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課
http://terry28853669.pixnet.net/blog/post/56282133
元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課
http://terry28853669.pixnet.net/blog/post/56282148
APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程
css /head 在 吳老師教學部落格 Youtube 的最佳解答
APP開發實例第7次上課
完整影音:
http://www.youtube.com/playlist?list=PLsE34duTsJQwmEW0f_ZJV37yo0mwWRBZD
論壇:
https://groups.google.com/forum/#!forum/labor_app_2014
上課內容:
01_eHappyWeb重點與修改成動態說明
02_eHappyWeb介面ID設定
03_將程式碼貼在HEAD標籤裡並執行
04_JAVASRIPT程式碼說明
05_206APP範例說明
06_建立網站靜態頁面說明
07_如何將206APP頁面變成動態
08_複製程式與修改說明
09_意見回覆改為GOOGLE表單
用JAVA程式設計APP對一般人來說太難,
這門課就是用網站觀念做APP,利用DW6的PhoneGap服務見可以快速將Web轉成APP
課程理念
智慧型手機平台,已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上,手機相關應用,將會超越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成為各產業或政府對外窗口。
如何開發APP,以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等,進而取得證照。
吳老師教學特色:
1.影音複習分享(全程錄影)。
2.能不硬code程式,有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作,圖形化工具使用。
5.隨時更新第一手資訊。
上課書目
用Dreamweaver CS6,我也會開發APP
作者: 鄧文淵 總監製/文淵閣工作室 編著
書號: ACU062500 ???
出版日: 2012/10/09
紙本書價格: 450
內容特色
用Dreamweaver CS6,你也會開發APP!能快速完成作品、擁有視覺化的質感介面,更可以驅動手機的硬體設備,舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap,讓你的網頁瞬間昇華為跨平台的APP應用程式。
不用擔心HTML5、CSS3與PhoneGap的內容,交給Dreamweaver CS6一次就搞定!
利用jQuery Mobile快速打造專業手機使用者介面,只要善用操作面板的設定。
在Dreamweaver CS6一次開發,就能跨iOS、Android等多種不同平台,讓你的APP無遠弗屆!
開發 APP 的新領域
混合式應用程式是以 Web 應用程式做為基礎,使用網頁技術開發應用程式,因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路,大幅降低設計行動裝置應用程式的門檻。
PhoneGap 特點:
輕量級架構:PhoneGap 以 JavaScript 撰寫,檔案只有一百餘 K。
節省開發及維護成本:建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短,曾有專家進行研究,使用 PhoneGap 的開發成本,僅需一般開發成本的五分之一。
開發門檻低:以往要開發行動裝置應用程式,必須經數年的程式語言基礎,才能進行開發。
兼容性:以往開發行動裝置應用程式時,必須為各種平台撰寫不同程式碼,雖然程式邏輯概念相同,不同平台程式仍有差異,也要在不同平台上分別編譯。
雲端編譯:應用程式可以在本地編譯,也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
配合整合環境軟體開發:在適當的整合環境中進行應用程式的開發可以節省非常時間精力。
元件免費:PhoneGap 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。
Android程式開發證照教學懶人包
http://terry55wu.blogspot.com/p/android.html
跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課
http://terry28853669.pixnet.net/blog/post/56282082
元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課
http://terry28853669.pixnet.net/blog/post/56282109
跨平台手機APP程式(用PhoneGap將網站轉APP)第12次
http://terry28853669.pixnet.net/blog/post/56282124
元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課
http://terry28853669.pixnet.net/blog/post/56282133
元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課
http://terry28853669.pixnet.net/blog/post/56282148
APP開發 Dreamweaver JQUERY MOBILE PhoneGap 網站轉APP android app開發教學 "ios app開發教學" 手機app開發教學 app程式開發教學 app開發課程
css /head 在 How can I add CSS variables to the HTML head? - Drupal ... 的推薦與評價
For my site I want to be able to set custom css variables to the sites head. I don't want to add css files just inline css code. ... <看更多>
css /head 在 重新認識CSS - CSS 簡介 的推薦與評價
CSS 是Cascading Style Sheets 的縮寫,是一種style sheet (樣式表) 語言, ... <head> <title>Document</title> <style> h1 { color: red; } ... <看更多>