課程簡介
網頁前端設計在現代越來越重要,是許多程式設計師的第一門課程、青壯年轉換職業跑道的門路、平面設計師的必修。此課程會一步一步帶者你走,讓你能夠從頭開始架設屬於你自己的網頁!你不需要有任何的程式設計經驗,也不需要有相關的背景知識。開始學習網頁前端技術,讓你學會一技之長,能夠開啟網頁技術的大門。
在這堂課程結束之後,你將能夠使用:
1 前端網頁技術開發
2 VS Code 操作技巧以及實用熱門Extension
3 HTML5 – HTML5 – 超文件標記語言
4 CSS3 – CSS3 – 階層式樣式表
5 JavaScript – 網頁前端後端程式語言
6 了解DOM, Hoisting, Scope, Closure, Prototype Inheritance, execution context, callbacks, this keyword, bind call apply functions等進階JS觀念與運用
7 Bootstrap
8 Git and GitHub, Source Tree 版本控制
9 Figma – UI/UX設計工具
10 打造有形網站,架構出自己的現代風格網頁
11 將網站架構到雲端主機,讓大家看到你的作品
12 Flexbox開發技術,讓你做RWD事半功倍
13 學習進階前端開發技術,解決你對前端網頁排版的諸多疑惑
https://softnshare.com/html5-css3-z/
同時也有27部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,自從遠端工作之後,出勤的打卡記錄也轉成線上服務 雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係,打就打 但也因為在家裡工作反而常常忘記打下班的卡! 每次結算薪水都很痛苦,一整排的異常,是不是像我這種認真工作的人更容易忘記打下班的卡 XD? 既然容易忘記,我們就來寫個自動打卡系統吧...
「網頁前端設計」的推薦目錄:
- 關於網頁前端設計 在 軟體開發學習資訊分享 Facebook 的最佳解答
- 關於網頁前端設計 在 1111進修網 Facebook 的最讚貼文
- 關於網頁前端設計 在 1111進修網 Facebook 的最佳解答
- 關於網頁前端設計 在 在地上滾的工程師 Nic Youtube 的精選貼文
- 關於網頁前端設計 在 在地上滾的工程師 Nic Youtube 的最讚貼文
- 關於網頁前端設計 在 在地上滾的工程師 Nic Youtube 的最佳貼文
- 關於網頁前端設計 在 Re: [請益] 網頁設計師及前端設計師的差別- 看板Soft_Job 的評價
- 關於網頁前端設計 在 網頁前端工程入門:網頁排版教學By 彭彭 - YouTube 的評價
- 關於網頁前端設計 在 RWD 回應式設計實務技巧- Front End 網頁前端工程教學 的評價
- 關於網頁前端設計 在 免費學🖥 前端工程師是什麼? 不再只是「設計」和「切板... - 日 ... 的評價
- 關於網頁前端設計 在 網頁前端設計- 前端工程師板 的評價
網頁前端設計 在 1111進修網 Facebook 的最讚貼文
讓你的生活加分🏅,從工作步調🕸找出新方法⚡️:
1111進修網精選近期☀️公職招聘☀️
時間只到 10/30,🙆♂️一句話幫你說明公職重點🧏:
💼南投縣需要你訪視全縣移工:
https://bit.ly/34cLcGu
💼台北榮總需要協助處理病理切片掃描的助理:
https://bit.ly/37nWv0w
💼雲林縣需要水產動物疾病診療的獸醫師:
https://bit.ly/3ji59A6
💼政大需要行政工作人員:
https://bit.ly/3kfalGi
----
工作步調還可以這樣做:
用滿滿補助課🎁,增強職力🦾
6️⃣大設計課任選🎨 │ 再送ADOBE全系列✨
https://bit.ly/31aLGLr
補助你學費最高 80% 網頁前端設計培訓就業💻│
https://bit.ly/33YoKAP
網頁前端設計 在 1111進修網 Facebook 的最佳解答
又到了藍色星期一的時候~💙
快打起精神好好認真工作💪!!
小編給你給力的好缺~😁
臺北市都更處 招助理工程員 #34K
https://bit.ly/3lLD6uw
臺北市松山地政事務所 招行政人員
https://bit.ly/3j0TnKn
農委會林務局東勢林管處 招佐理員
https://bit.ly/340cWyf
給你滿滿補助課🎁,增強你的好職力🦾
六大設計課任選🎨│再送ADOBE全系列✨
https://bit.ly/31aLGLr
網頁前端設計培訓就業💻│學費補助30-80%💵
https://bit.ly/33YoKAP
網頁前端設計 在 在地上滾的工程師 Nic Youtube 的精選貼文
自從遠端工作之後,出勤的打卡記錄也轉成線上服務
雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係,打就打
但也因為在家裡工作反而常常忘記打下班的卡!
每次結算薪水都很痛苦,一整排的異常,是不是像我這種認真工作的人更容易忘記打下班的卡 XD?
既然容易忘記,我們就來寫個自動打卡系統吧!
拯救自己多無趣,當然要拯救所有同事啊!
這支影片特別感謝我的團隊伙伴陪我一起耍北爛,有你們真好。
===本月活動===
7/22 晚間 8 點「後端領航者論壇」直播活動,歡迎來參加
(適合新、中手或想往後端開發的工程師朋友)
名額有限,手刀報名 👉 https://bit.ly/3jERZRH
===影片中提到的專案===
自動化打卡 project 使用 Ruby on Rails 撰寫,架設於 Heroku
repo: https://github.com/niclin/bernard
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
網頁前端設計 在 在地上滾的工程師 Nic Youtube 的最讚貼文
程式亂寫也可以動,要怎麼寫的好或易於閱讀,就得花上一番功夫去學習寫作技巧。
這支影片會和你分享一些基本的知識點,實戰技巧基本上當代程式語言開發都能使用
不過每個時代會有不同的想法跟觀點,不同的團隊也會有不一樣的慣例,希望這次的內容能夠給你一些不一樣的想法
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
網頁前端設計 在 在地上滾的工程師 Nic Youtube 的最佳貼文
頻道一歲了,至今累積 4.7 萬訂閱及 200 萬次總觀看。
和大家分享經營一整年的頻道,累積這樣的成績,到底增加了多少收入?
一直以來我都是白天正職工作,利用晚上和假日錄製影片和大家做分享
我想這一切很辛苦很累,但也替我打開了另一個管道能夠認識你們
你也想做 Youtuber 嗎?也許你可以參考這支影片
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#youtuber收入
網頁前端設計 在 網頁前端工程入門:網頁排版教學By 彭彭 - YouTube 的美食出口停車場
整齊乾淨的畫面, 網頁 排版教學。若對回應式 設計 (RWD),手機排版優化有興趣,請參考下一段的教學影片:https://youtu.be/uSqOomOfuq0更多教學內容請 ... ... <看更多>
網頁前端設計 在 RWD 回應式設計實務技巧- Front End 網頁前端工程教學 的美食出口停車場
喜歡彭彭的教學影片嗎?點擊以下連結查看更多會員專屬的教學哦:https://www.youtube.com/playlist?list=UUMOguZS-y7codLSt6vpkVdnKg1. ... <看更多>
網頁前端設計 在 Re: [請益] 網頁設計師及前端設計師的差別- 看板Soft_Job 的美食出口停車場
嗯,
我是覺得你不太需要糾結在職稱是「網頁設計師」還是「工程師」,
是叫做「網頁設計師」或是「前端設計師」也不是那麼重要。
公司花錢請你這個人,是來解決問題的,
你要搞清楚該公司面對的是什麼問題,你的加入有沒有辦法幫上忙解決。
所以履歷中最基本的就是要有的,是條列你能解決什麼樣的問題。
以我的經驗來說,只要看公司的徵人文就知道到底這篇文是用人主管寫的,
還是搞不清楚狀況的秘書小姐複製貼上改改就放上來的。
看薪資就知道他們想徵的是通才還是專才,也大致可以猜出徵人要處理的問題。
如果薪資是 2.5~4萬的「網頁設計師」,通常要的是會一點網頁基礎的美工,
你問到說是不是要把 JQ, JS 搞熟,才夠格應徵網頁設計師?
是的!沒錯。
JQ 要會是基本中的基本,至少是跟頁面呈現相關的部份,
也許你可以不會 $.ajax, promise物件,
但像 animate,還有一些 JQ 外掛要怎麼套用甚至客製,是應該要會的。
當然,如果你談判的技巧比較好,也是可以到 4萬以上,
不一定對,我只是就我的觀察提出經驗談。
但一般來說,公司願意出到 4萬以上的薪水,就是要你會寫程式,
這時候,美工就是加分而已,但通常不是必備,
這時候你看到「網頁設計師」「前端設計師」大致指的是同一件事,
職稱不同只是po徵人文的承辦不知道取什麼職稱,用人主管又懶得管而已。
這個程度,你不只要會做新專案,還要有能力維護修改前人留下的舊專案,
修正前人留下的 js code 中的 bug 等等。
至於你轉貼的三組工作內容,很明顯就是要一個「會網頁的美工」。
你的目的如果是拿到 4萬以上月薪的工作,加強程式能力會比較有機會。
試著搞清楚公司的徵人重點吧,
真的要設計+程式都精通的全包的徵人文,不會只開 3萬上下而已…
再說回來,真的要求兩個都精通又只開 3萬的公司,千萬不要去啊~~~~
※ 引述《G4321 (小胖囉)》之銘言:
: 再度把這篇文拿來的原因是
: 如果就我昨天po的文 底下部分大大的回應
: 我發現一個很弔詭的情況
: 大多數都是用前端工程師的條件去做網頁設計師的要求
: ======================================
: 電腦及行動裝置網頁視覺創意設計
: 1.對網頁設計有熱忱有創意,具備視覺美感及相關經歷2年以上
: 2.熟悉Photoshop、Illustrator、Dreamweaver軟體
: 3.熟悉HTML、CSS等網頁語法,具備JavaScript、jQuery相關經驗尤佳
: 1.網頁設計
: 2.合成商品開發及製作
: 3.商品圖框設計
: 4.網站電子報及文宣設計
: 5.產品攝影
: EDM、活動頁設計、CSS編寫、頁面維護、素材Banner製作
: ======================================
: 上面三個項目是我從104的三種網頁設計師的工作內容擷取下來的
: 幾乎都是要你去碰到視覺這塊 同時也要接觸到網頁這塊
: 可是看版上不少前輩的推文 跟這位前輩的分類 是有很大的落差
: 就覺得網頁設計師 你要會視覺 你也要會切版 jq也要很熟
: 這不就是全包的意思嗎 那根本不用分了呀....還要分什麼
: 網頁設計師 根本就把前端工程師的內容給吃下了...
: 可是網頁設計師 起薪只有三萬初頭耶 有的才2萬多....
: 如果我js很強 我幹嘛要去做網頁設計師這種不上不下的工作呢
: 薪水比前端工程師跟UXUI都低 然後卻要做兩者都要的事情
: 就是覺得網頁設計師 因為兩者都要兼具 薪水也不是很高
: 所以應該需要一個會網頁的美工(這樣形容比較快)
: 可是感覺大家 怎麼把網頁設計師 當作工程師同等的要求看待呢= =
: 不管條件還是什麼的 都比職缺上面寫的嚴苛很多
: 是我跟現實有脫鉤嗎= =
: 所以我現在要把JQ跟JS搞熟 才有夠格應徵網頁設計師嗎
: ※ 引述《nosecoolie (諾苦力)》之銘言:
: : 前端這邊的分工一直有點模糊,每間公司又不太一樣
: : 對新鮮人來說蠻困擾的,我這邊簡單做個整理
: : 基本上前端這塊可以簡單粗分出三大部份
: : 1. 設計
: : 設計就是從白紙開始,在白紙畫上網頁所應該呈現的樣貌
: : 這個階段網站還只是不會動的一張圖
: : 有些公司用以拉,有些公司用 sketch ,但那都只是工具的不同而已,本質是一樣的
: : 2. 切版
: : 切版就是根據步驟一的設計,用 html & css 做出與設計稿相符的網站頁面
: : 3. 套版
: : 其實我不想將之稱為套版,但一時也想不太到其它好的稱呼,就暫時將之稱為套版吧!
: : 這邊指的套版是將步驟二所做好的網站,加上 js ,讓之可以有與畫面相對應的功能,
: : 包含簡單的頁面跳轉與 call api 等等, 讓他成為一個真正可以動的網站
: : 而因為同一個職稱,不同公司所負責的業務也不盡相同,
: : 所以最好的方式是看該公司是如何描述職缺的,
: : 設計 切版 套版
: : 能力需求 設計能力 html, css js
: : 工具需求 sketch/ps/以拉 html/sass/less jquery/angular/react...etc
: : 網頁設計師 前端工程師
: : 上面的網頁設計師與前端工程師的位置,是我個人認為他們應該有的位子
: : 但我還是得說,每間公司不盡相同,
: : 而癥結點就在切版上,
: : 有的公司會希望網頁設計師去做切版的動作,有的公司則是讓前端包辦,
: : 如果你是想成為前端工程師的話,那麼我會建議你一定要會切版,
: : 而如果你是網頁設計師的話,我會希望你至少要'懂'切版,
: : 才不會設計出一些讓切版的人很難實作或是根本實作不出來的畫面。
: : 當然前端工程師也要尊重設計師的專業,盡量去滿足設計的需求,
: : 所以不論你是做設計或是做工程,懂一些對方領域的東西都是有益無害的,
: : 因為每一個網站都是需要設計師與工程師合作完成的
: : 有良好的溝通才能有良好的產出。
: : 以上,希望能幫到對前端有疑問的人。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.227.38.104
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1467727851.A.79A.html
... <看更多>