1-1 Javascript 程式語言是什麼？ JavaScript 程式語言網頁設計入門教學課程 |

Описание: https://andys.pro/1-1-javascript
📚 課程網址: https://course.andys.pro/javascript-i...
0:00 歡迎訂閱 🔔 ！按讚 👍 分享 🔥 與留言 💬
0:03 📖 本節目錄
0:08 🤔 JavaScript 是什麼？❓
0:40 🏛 JavaScript 小歷史
1:38 🚀 Chrome 的推出與增長
2:31 👨🏻‍💻 Chrome 的開發者工具
3:06 📝 Element 元素面板
4:18 📱 行動裝置模擬工具
7:24 🎮 Console 控制面板
8:49 📦 Sources 原始碼面板
9:36 📊 Network 網路面板
13:10 🙌 謝謝收看 👀

大家好我是安迪👨🏻‍💻，如果有問題歡迎留言問我 🗣！
影片有許多地方要改進開場、贅字、畫面比例、聲音、畫面、燈光、轉場等等，會逐漸改善喔 🥴！有建議也非常歡迎跟我說，也歡迎大家分享給朋友一起學習 🤓！
本節資訊:
https://course.andys.pro/Javascript-I...
1-1 Chrome 的開發者工具
Chrome 的開發者工具 ( DevTools ) 是什麼？
網頁視窗調整和虛擬設備的視窗
更多的面板功能
Chrome 的開發者工具 ( DevTools ) 是什麼？
Chrome 針對開發者設計的工具。
可對於網頁頁面元素 ( DOM Element )、CSS 進行檢查與修改
顯示網頁輸出（ console.log ）、執行 Javascript 指令
網路效能測試與頁面結果報告
如何打開 Chrome 的開發者工具
Chrome 視窗選單中，選擇 [更多工具] → [開發者工具]
Chrome 右鍵選單中，選擇 [檢查 ( Inspect )]
快捷鍵
Windows: Ctrl + Shift + I
Mac: Cmd + Opt + I
打開【開發者模式】
你能夠調整開發面板的寬度來讓也調整頁面寬度與高度
打開【測試機模式】
你能夠讓你的電腦瀏覽器模擬各式各樣的行動裝置
💡 測試機模式不能取代真實設備，但對於工作繁多的前端工程師來說簡直是福音!
💡 多數的開發建議先支援 iPhone 與 iPad，因為是單一機種賣最多的設備，解析度應該要最先優化！　
📖 【延伸閱讀】- 淺談一下關於android碎片化的問題




📑 參考簡報檔: https://slides.com/txs/js-intro
歡迎到 LBRY 關注我: 👉https://lbry.tv/$/invite/2e9kfMNRF1nC...

#安迪TV程式教學 #javascript #課程 #js #es6 #台大 #線上 #學習 #教學 #编程 #码农 #代码