https://ife.baidu.com/preface.html
https://codedesign.dev/
非常有趣 感覺跟工作上切板會很實際 給你figma的稿件 要你試著去完成
有時間可以來練習 讓自己弄熟悉這個流程
https://www.letswrite.tw/category/google/firebase/
https://github.com/nauvalazhar/bootstrap-4-login-page
https://letswritetw.github.io/letswrite-github-api-issue-create-app/
各種小頁面 包含API以及一些JS練習
非常實際也很技術 也很作品集導向
是個大師模範
https://www.youtube.com/@OnlineTutorialsYT/videos
https://www.udemy.com/home/my-courses/learning/
動畫互動網頁程式入門 (HTML/CSS/JS)
https://www.youtube.com/playlist?list=PLYrA-SsMvTPObqJuUsoi3HoU9MrdESwnC
https://code-step.com/coding-cope/
他的YT頻道:
https://www.youtube.com/@user-hl9uv6cv7k/videos
yiyi爱编程努力学习前端。
https://www.zhihu.com/people/shi-du-9-49/zvideos
Responsive Website Landing Page Design | Title (Creative Nature) - Only Using CSS & HTML
https://www.youtube.com/watch?v=JYWitDwHhxE&list=PLKNznZDLTfKQwq4HLxhkNEXWLBypFpXM0
已經練習小米商城+陰陽師 現在改跟尚學堂看看
https://www.bilibili.com/video/BV1i24y1B7fw?p=3&vd_source=bd22315003d7ef244f18059355eb75db
Hacking JavaScript Games Christmas Special- Alien Invasion becomes Santa Claus Conquers The Martians
https://www.youtube.com/watch?v=EFBktnHr_0Q
大叔教學 這個一定好看
Learn2Hack: Learn To Hack JavaScript Games (Audio Enhanced)
https://www.youtube.com/watch?v=PSFgVVtSrCE
八分鐘影片 應該簡單快速可看懂
https://www.youtube.com/watch?v=IMOUf4BYTG8
Python 網路爬蟲 Web Crawler 教學 - AJAX / XHR 網站技術分析實務 By 彭彭
分析怎麼抓動態網頁(ajax) 蠻有趣的 研究爬蟲看
也可以比較了解網頁結構
Using Double URL Encoding to Bypass Security Mechanisms for a Directory Traversal Attack
https://www.youtube.com/watch?v=nclJPOL3PXc
感覺是有趣的講解 跟XSS有關
HTML CSS JavaScript projects for beginners 2023 - 12 js projects with source code
CROSS SITE SCRIPTING系列教學
https://www.youtube.com/watch?v=1WFEVpyhRRQ&list=PLrQwMS8b1fmTR9BEOX5RiQxSZSEmL7uYI
jQuery实战开发(冒泡事件)–小馬老師
https://www.bilibili.com/video/BV1zJ411T7Kk/?p=22&vd_source=bd22315003d7ef244f18059355eb75db
Java前端网页设计教程,HTML5基础教学,一周学会web前端网页开发
https://www.bilibili.com/video/BV1Mo4y1Z7mk/?spm_id_from=333.788.recommend_more_video.6&vd_source=bd22315003d7ef244f18059355eb75db
ASMR星巴克網站
https://www.youtube.com/watch?v=yFcDHCOAue0
一小時做一個聊天網站
https://www.youtube.com/watch?v=LZrAFp5fQmo
千锋web前端开发项目教程_1000集完全零基础入门HTML5+CSS3+JS到精通
https://www.bilibili.com/video/BV17z4y1D7Yj/?p=3&vd_source=bd22315003d7ef244f18059355eb75db
https://github.com/bradtraversy/vanillawebprojects
https://github.com/bradtraversy/50projects50days
原來我是買這個 而且還不是特價買的 要兩千== 幹
https://www.youtube.com/watch?v=Dt–kK1NP_w&list=PLMNhwMMnPnGpc5faiL0AzTIGtFwoDNQ45
https://www.youtube.com/@EasyTutorialsVideo/videos
https://www.youtube.com/@cwc8096/videos
https://www.youtube.com/watch?v=S3pTXrNZWYc&list=PLKLUwbV5J_7cP5gz9lU7U_IobaAGRoO5p&index=53)
做出了我之前在IT幫發問的問題!
網站設計漂亮乾淨,可研究。
https://collego.edu.tw/Login/Index
笑死,我發現吳哲宇有教怎麼寫:
教的超級好,神人。
https://hackmd.io/@kChen/Bkrnsb6TS
裡面有一堆台大寫的期末網站 然後琨哥在FB有他們報告的介紹影片
可以學裡面歷屆人 做的網站創意跟技術 研究
用 CSS 製作 Pie Chart 且頁面下滑觸發動畫效果
https://ithelp.ithome.com.tw/articles/10247358
裡面一堆超實用的插件 要花時間去看看
用PUREJS寫出好用的method
ex:addClass hasClass等等
https://github.com/30-seconds/30-seconds-of-code/tree/master/snippets
scrollUp 2.0.0 Demo
https://markgoodyear.com/labs/scrollup/?theme=pill
magnific-popup
https://dimsemenov.com/plugins/magnific-popup/
Ajax Contact Form
https://github.com/mehedidb/Ajax_Contact_Form
爬ptt表特版 很棒的範例 有空研究
課程大綱
基本 HTML/CSS 練習:以 Twitch 為例
讓畫面變得更動態:神奇的 CSS transition
寫 CSS 必備神器:CSS 預處理器
從假資料到真資料:Ajax 與 API 串接
讓網頁變得更完整:加上 placeholder 與 infinite scroll
返璞歸真:vanilla js
走向國際:i18n
當我們包在一起:Webpack
節省 Request 的極致:一為全,全為一
改掉你的壞習慣:ESLint 與 standard
https://github.com/aszx87410/frontend-intermediate-course
有yt影片:
https://www.youtube.com/watch?v=-UEWWzWaGeg
百度前端学院 2017 学习
https://github.com/brianway/baidu-ife
月付 390 元,前 7 天可無條件退費
半年付 2190 元,前 14 天可無條件退費
年付 3990 元,前 30 天可無條件退費
https://www.lidemy.com/p/lidemy-subscription
https://www.youtube.com/watch?v=WTYPvaJPIuA
JavaScript 是什麼?
https://developer.mozilla.org/zh-TW/docs/Learn/JavaScript/First_steps/What_is_JavaScript
https://www.toolskk.com/html-entities-encoder-decoder
https://determinationlove.github.io/React_BahaTrain/
https://greasyfork.org/zh-TW/scripts/449342-巴哈姆特調整檢視回覆留言/code
https://greasyfork.org/zh-TW/users/786583-micr0dust
http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-1.html
幫操作畫面加個邊框吧!響應式加框網頁工具 / Add a frame on screenshot: Responsive Frame Mockup