學習

學習的課程表格、列表、技能、工具以及資源。

課程表格

編號 名稱 時間 你將會學到的
#001 HTML、CSS開發一個網站 15:50:14
  • 有能力排出具專業、語意化、美觀的網頁設計
  • 課程結束後,我們會提供給你一個完整的網頁設計稿,當你實作出網頁來後再轉交六角學院的講師們,我們會為您進行程式碼審視,以確保你吸收的網頁排版觀念是正確的。
  • 了解設計網頁的脈絡,你隨時可以在社群裡發問問題,我們永遠都會在這裡!
  • 獲得持續更新的講義教材,終身複習不會脫離趨勢的現代化線上課程
#002 jQuery動畫效果 06:21:22
  • 能夠掌握如何在網頁上設計互動性網頁動畫效果
  • 有辦法輕易整合別人寫好的第三方動畫插件,並套用在自己的網頁上
  • 有能力評估別人的網站究竟是用了哪些插件來設計網頁動畫效果
  • 當 jQuery 程式碼變多時,也能夠有條理地進行維護整理
#003 RWD響應式網頁設計 08:38:56
  • 掌握響應式網頁設計細節
  • 了解如何跨部門協作響應式網頁設計
  • 懂得如何以 UI / UX 角度設計好的響應式網頁設計
#004 精通Bootstrap 4 11:51:28
  • 學會如何使用 Bootstrap 建立網頁及元件
  • 了解 Bootstrap 的開發模式
  • 使用 Bootstrap 尋找合適的工作
#005 JavaScript入門篇 18:39:13
  • 將會具備紮實並全面性的 JS 觀念
  • 掌握原生 JS ,輕易寫出跨瀏覽器程式語法
  • 大量的線上測驗讓妳容易將每章節的觀念融會貫通
  • 提供期末最終作業,讓線上講師為您評估學習狀況
#006 Vue出一個電商網站 15:52:46
  • 完整了解 Vue 的運行概念
  • 學會使用 Vue 串接後端 API
  • 使用 Vue Cli (或不使用) 都可以完成一個互動網頁作品
  • 具有獨立完成一個 Vue 應用程式的能力
#007 掌握Git與Github 04:02:36
  • 掌握 Git 版本控制工作流程
  • 瞭解使用 Git / Github 管理程式碼
  • 瞭解如何創建分支,並與多位工程師團隊協作
#008 NodeJs前後端開發 15:38:49
  • 瞭解 Node 基礎底層原理,讓你不再霧裡看花
  • 掌握 NPM 模組架構,整合服務變得超容易
  • 操作 Firebase 資料庫,整合 Node 模組超容易
  • 使用 Express 設計 Web 應用程式
  • 開發會員註冊登入管理機制
  • 前後台整合開發設計邏輯
#009 SASS實戰全攻略 06:04:58
  • 徹底學會 Sass 來管理 CSS
  • 了解 CSS/Sass 設計模式(SMACSS、OOCSS、BEM)
  • 懂得設計出一手好 CSS 命名
#010 JavaScript核心篇 09:43:27
  • ECMAScript 核心觀念
#011 Adobe XD網頁設計 04:27:56
  • 認識 Adobe XD 這套軟體,並學會基本操作
  • 能夠使用 Adobe XD 完成一個網頁設計稿
  • 了解如何繪製網頁設計稿的基本概念
#012 UI設計入門 04:49:35
  • 了解 UI 介面設計師的工作範疇
  • 掌握 UI 介面設計的實務知識
  • 如何繪製有程式邏輯的設計稿
  • 設計屬於自己的電商網站作品
#013 一頁式金流商務網頁 03:19:18
  • 了解如何購買網址、虛擬主機,並將網站架設到網路上
  • 熟悉客戶心理,了解如何設計轉化率高的 Landing Page 設計
  • 串接網頁流量分析服務,徹底了解網頁動向
  • 整合金流服務不是難事,收款出貨自己來
#014 VSCode開發功能 01:57:46
  • VSCode 文字編輯器的開發技巧
  • VSCode 進階使用技巧及套件推薦
#015 JavaScript題目篇 00:50:16
  • 掌握更多 JS 技巧

課程清單

  • HTML、CSS開發一個網站

    html_css

    此課程適合哪些人:

    • 適合完全沒有設計、程式基礎的初學者
    • 有志成為網頁設計師、前端工程師、軟體工程師的潛在開發者
    • 希望自己能夠從無到有設計一個網站

  • jQuery動畫效果

    jQuery

    此課程適合哪些人:

    • 想要了解 WEB UI 究竟該如何設計網頁動畫效果的學生
    • 想要設計出超棒的網頁使用者體驗的學生
    • 不適合完全不懂 HTML、CSS 的學生

  • RWD響應式網頁設計

    RWD

    此課程適合哪些人:

    • 已經會 HTML、CSS 的網頁初學者
    • 想要了解更多網頁排版細節的潛在網頁工程師、網頁師

  • 精通Bootstrap 4

    Bootstrap

    此課程適合哪些人:

    • 想要快速建立網頁的同學
    • 對於 Bootstrap 有興趣的同學
    • 想要更精進 CSS 的同學

  • JavaScript入門篇

    JavaScript

    此課程適合哪些人:

    • 想要成為專業的網頁設計師、前端工程師
    • 想要設計出高質感,優良使用者體驗的網頁介面的潛在開發者

  • Vue出一個電商網站

    Vue

    此課程適合哪些人:

    • 聽過 Vue js,並對此感興趣的開發者
    • 想要有更好前端開發體驗的開發者
    • 有單頁應用程式開發需求者

  • 掌握Git與Github

    git_github

    此課程適合哪些人:

    • 想成為工程師的潛在開發者
    • 需要進行程式碼版本控制的開發團隊

  • NodeJs前後端開發

    Node.js

    此課程適合哪些人:

    • 只想要用 JavaScript 一種語言來開發整合前後端邏輯的開發者
    • 不希望自己只侷限在前端,想朝後端發展的前端工程師
    • 已經會後端語言(PHP、.NET),想要瞭解 Node 開發邏輯的後端工程師

  • SASS實戰全攻略

    sass

    此課程適合哪些人:

    • 有意成為 CSS 專家的開發者
    • 工作上常需要開發大型網站架構,需要知道各種 CSS 管理方法的開發者

  • JavaScript核心篇

    javascript_core

    此課程適合哪些人:

    • 網頁前端開發者
    • Node js 開發者

  • Adobe XD網頁設計

    adobe_xd

    此課程適合哪些人:

    • 有繪製網頁設計稿需求,卻不會使用專業軟體
    • 想要學習如何使用 Adobe XD 來繪製網頁設計稿

  • UI設計入門

    ui_design

    此課程適合哪些人:

    • 對 UI 設計有興趣
    • 想要轉職成為 UI 介面設計師
    • 想要複習基礎知識的 UI 介面設計師

  • 一頁式金流商務網頁

    one_page_web

    此課程適合哪些人:

    • 適合想要自己架商務網站,並透過網頁販售商品的學生
    • 需要了解 HTML、CSS 基礎
    • 不適合完全沒有程式基礎的學生

  • VSCode開發功能

    vscode

    此課程適合哪些人:

    • 前端開發者、網頁設計師,對於網頁編輯器有興趣的學員

  • JavaScript題目篇

    javascript_topic

    此課程適合哪些人:

    • 想對 JavaScript 有更深入了解的學生
    • 想成為網頁設計師、前端工程師的學生
    • 想藉由 JavaScript 成為軟體工程師的開發者

技能

工具

用來協助設計、開發網站、工作的軟體工具。

  • Visual Studio Code
  • Google Chrome
  • Git
  • Markman
  • Lunacy
  • Draw.io
  • Phopea

資源

學習的管道與影片、資訊、素材、以及軟體的使用。

Udemy

  • 六角學院
  • The Net Ninja
  • JavaScript奇怪部分

Youtube

  • The Net Ninja
  • 電腦教學園地
  • Papaya電腦教室
  • Draw So Cute