--- tags: web, git, 101 --- # Web 101 (20220209/09:30): ## :memo: Todo List 1. Introduction 2. 學習資源 3. Make your first web page 4. 練習 5. What is git? 6. Register a Github account! 7. How to use git? 8. Push your first commit! ### 1. Introduction ![](https://i.imgur.com/9lUUXZf.jpg) HTML: https://www.fooish.com/html/tag.html CSS: 包裝紙 JS: 能夠在瀏覽器運行的程式語言 ### 2. 學習資源 https://www.fooish.com/html/ https://www.w3schools.com/html/ https://codepen.io ### 3. Make your first web page ### 4. 練習 * https://demo.w3layouts.com/demos_new/template_demo/27-02-2019/key-demo_Free/282453819/web/index.html * https://getbootstrap.com/docs/5.1/examples/sign-in/ * https://booking.u-movie.com.tw/ * https://www.frontendmentor.io/challenges?types=free,free-plus * https://www.hakkaelearning.org/ * https://codier.io/challenge/BJ4kgIlgD 練習： ![](https://i.imgur.com/SYJ7amy.png) ``` <style> .my-first-text{ color: blue; } div{ text-align: right; /* balalalalal */ } #main{ text-align: center; } .totmato{ background-color: red; width: 50px; height: 50px; padding: 10px; border-width: 5px; border-color: pink; border-style: solid; margin: 10px; display: inline-block; } </style> <html> <body> <div class="totmato"> Tomato </div> <div class="totmato"> Tomato </div> </body> </html> ``` ### 5: What is git? https://gitbook.tw/chapters/introduction/what-is-git.html ### 6: Register a Github account! https://github.com ### 7: How to use git? https://git-scm.com/download/win git --version ### 8: Push your first commit! ###### git commit -m "This is my first commit" ###### git config --global user.email "email@example.com" ###### git config --global user.name "myname" ###### git commit -m "This is my first commit" ###### git add . ###### git commit -m "This is my first commit" ###### git push