Published on

踏入自媒體的 30 天 - Day 17

Authors
  • avatar
    Name
    Jyhwoei Yang (Tom)
    Twitter
    @tomz12321
  • Sr. Front End Developer at Pimwa Corp. (Australia) / Deliostech (USA)

Day #17

前言

30 days 的開始 踏入自媒體的 30 天 ❗️- 我有個朋友在做自媒體

Image

Here we go :

image

正文開始

重新拾起網頁三劍客 《HTML》

在家閒賦的第三天，我被我前主管 hire 回去了。

第一份工作居然是 html 相關。

我遇到的工作任務：

工作任務。

我的解決方法：

解決方法。

以前的背景，居然就這樣，幫助我順利度過第一個工作難關。

一直慶幸，以前的種種決定，默默地幫助了我自己走到了現在。

這個主題應該覺得很無聊

所以我們來點含金量。 讓我們來手刻一個 HTML hello world 網頁吧。

<html>
  <head>
    <!--
      Get jQuery via CDN (https://jquery.com/)
      jQuery is a js framework that gives us some easy to use
      functions for interacting with webpages and APIs
    -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <!-- Load our files -->
    <script type="text/javascript" src="index.js"></script>
    <link rel="stylesheet" type="text/css" href="index.css">
  </head>

  <body>
    <div>
      <h1> My Homepage </h1>
      <img src="/me.png" alt="Picture of the author" width={500} height={500} />
      <p> Hello World! </p>
    </div>
  </body>
</html>

這個模板有了以後，以後直接做 html + css + javascript 都可以用這樣的方式組合起來喔。

至於光這樣的架構可以做到的 Web 小型 App 就可以有這麼多 (加上 API 之後就更多了)。 https://github.com/AsmrProg-YT/100-days-of-javascript

延伸閱讀

有興趣的人可以繼續看完下面的課程 https://github.com/4GeeksAcademy/html-tutorial-exercises-course