104學習精靈

Javascript框架

Javascript框架
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「Javascript框架：負責設計、開發及維護基於Javascript的應用程序框架，以提高系統效能和用戶體驗。需具備深厚的Javascript技術及了解主流框架（如React、Vue.js、Angular）的技能。要求具備優秀的跨部門協作能力及溝通技巧，以便與前端及後端團隊高效協作，解決技術挑戰。此外，應熟悉敏捷開發流程，並具備快速學習及應對變化的能力，以應對台灣快速發展的科技市場環境。」
關於教室
關注人數 1 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • Javascript框架
    • 關於教室
    關注人數 1 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • Javascript框架
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    Javascript框架 學習推薦

    全部
    影片
    文章
    職涯學習課程專文推薦
    關注
    104學習精靈

    產品

    2024/09/19

    學習 JavaScript 的第一步：打造成為前端工程師的技能基石
    這門課程「成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能」專為想要學習前端開發的初學者設計，幫助你從零開始掌握 JavaScript，並逐步建立網頁開發技能。課程內容涵蓋 JavaScript 的基礎知識、語法結構，以及如何在網頁中應用，帶領學員從基礎到實戰，提升網頁開發的能力。這堂課適合對網頁開發有興趣、想轉職成為前端工程師的人士。
    為初學者提供全面的 JavaScript 基礎培訓，幫助你逐步學習網頁開發。以下是推薦這堂課的幾個理由：
    1. 從零開始，循序漸進
    課程針對沒有程式基礎的人設計，從最基本的 JavaScript 語法開始，逐步引導你掌握網頁開發的核心技能。從變數、函數到迴圈、條件語句，你將學到 JavaScript 的基本概念，為進一步學習前端開發打下堅實基礎。
    2. 實戰為主，強化學習效果
    學習程式語言的最佳方式是通過實踐。本課程強調實戰教學，每個理論課程後都會有實際的練習和專案，讓學員動手操作，將所學知識應用到真實的網頁開發中，從而快速提升技能。
    3. 培養解決問題的能力
    本課程不僅僅是傳授語法知識，更注重培養學員的問題解決能力。你將學習如何在開發過程中使用 JavaScript 解決常見的問題，如表單驗證、動態內容更新和事件處理等，這些都是前端開發的重要技能。
    4. 學習網頁互動效果
    JavaScript 是網頁互動效果的靈魂。課程將帶你學習如何使用 JavaScript 實現動態網頁效果，例如動畫、事件監聽和資料傳遞等，使你的網頁更加生動有趣，增強用戶體驗。
    5. 進階學習的基石
    在掌握了 JavaScript 的基礎知識後，你將更有信心學習進階的前端技術，如框架（React、Vue.js）和進階的 JavaScript 概念（如 AJAX、ES6+）。這堂課為你打下了堅實的基礎，是你進入前端開發領域的重要起點。
    【 職場前景與優勢 】
    當前端工程師已成為網路科技行業中炙手可熱的職位之一，學習 JavaScript 是進入這一領域的必要條件。擁有這項技能後，你將具備網頁開發的核心競爭力，在求職市場中脫穎而出，無論是初入職場，還是想要轉職的人士，這門課程都是理想的選擇。
    【 課程結構 】
    課程結構嚴謹，從基礎知識到實際應用，逐步深入，涵蓋了學習 JavaScript 所需的各個方面。每個章節都有精心設計的教學內容和練習，確保學員能夠充分理解和掌握。
    【 課程效益 】
    完成這門課程後，你將能夠自行開發出具有互動效果的網頁，並具備解決前端開發中常見問題的能力。這對於想要成為專業前端工程師的你來說，是一個不可錯過的學習機會。
    透過這堂課，你將從零開始學習 JavaScript，最終成為具備獨立開發能力的前端工程師。立即報名，開啟你的網頁開發之旅吧！
    透過這堂課，你將從零開始學習 JavaScript，最終成為具備獨立開發能力的前端工程師。立即報名，開啟你的網頁開發之旅吧！
    學習 JavaScript 的第一步：打造成為前端工程師的技能基石
    nabi.104.com.tw
    成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能－JavaScript課程│104課程中心
    0 0 607 0

    熱門精選

    AI 趨勢報－科技愛好者的產地🤖
    關注
    104學習精靈

    產品

    2小時前

    🧠 Google 推出《提示工程》白皮書：教你和 AI 好好說話的秘密
    你是不是常常覺得 AI 回答有點答非所問，或者明明問題很簡單，回應卻一大篇繞來繞去？其實問題很可能出在——你怎麼問。
    這個月，Google 推出了由開發者關係專家 Lee Boonstra撰寫的《Prompt Engineering》白皮書（提示工程白皮書）。裡面不只是介紹怎麼寫 prompt，而是從原理到實戰，帶你一步步掌握「怎麼和 AI 說話」，讓 Gemini 模型真正幫上忙。
    📘 這本白皮書有什麼特別？
    這份 68 頁的白皮書不走理論路線，而是聚焦在實用的提示設計技巧，適合開發者、內容創作者、數位行銷人，甚至是剛接觸生成式 AI 的新手閱讀。
    它特別針對 Google 自家的 Gemini 大型語言模型（透過 Vertex AI 或 API 使用），整理出一系列好用又經過驗證的提示設計方法。裡面不只有說明，還有範例、應用情境和最佳實踐，非常實戰取向。
    🔍 白皮書重點：10 種好用的提示技巧＋範例
    1. 零樣本提示（Zero-shot prompting）
    直接發問，不提供任何範例，考驗模型的直覺理解力。
    例如：「解釋什麼是量子糾纏，用簡單的方式讓高中生也聽得懂。」
    2. 少樣本提示（Few-shot prompting）**
    提供一兩個例子，幫助模型模仿語氣與邏輯。
    例如：「請模仿以下範例撰寫商品文案：商品：極簡筆記本，特色：環保、可平攤、質感黑色。」
    3. 系統提示（System prompting）
    為整段對話設定角色與任務規則，常見於API使用開場。
    例如：「你是一位專業的職涯顧問，請根據用戶提供的履歷給出升遷建議。」
    4. 角色提示（Role prompting）
    讓AI扮演特定身份來產出對應語氣的內容。
    例如：「請扮演一位資深產品經理，分享你帶過最難忘的一場簡報經驗。」
    5. 上下文提示（Contextual prompting）
    給AI足夠的背景資訊，提升回應的準確度與實用性。
    例如：「背景：我正在為行銷團隊設計年度簡報。請幫我產出一頁‘趨勢預測’的內容，針對2025年AI行銷工具發展。」
    6. 思維鏈提示（Chain-of-Thought, CoT）
    引導AI按部就班地邏輯推理，特別適合用在數學、推理題。
    例如：「請逐步推理並計算出以下問題的答案：一台機器每天可生產200個零件，5台機器工作3天總共可生產多少？」
    7. ReAct提示（Reason + Act）
    結合「思考」與「執行」兩步，幫助AI先判斷再回應，甚至進一步執行行動。
    例如：「請先分析這篇文章的主題，再生成一條適合的SEO標題，並格式化成 Markdown 標題語法。」
    8. 自動提示工程（Automatic Prompt Engineering, APE）
    把寫提示這件事也交給AI，讓模型產出不同版本的prompt並自我優化。
    例如：「我想讓AI幫我撰寫商品評論摘要，請你幫我產生5組不同風格的提示語供測試。」
    9. 格式化輸出（例如JSON）
    讓AI輸出的內容有結構，便於程式處理與後續使用。
    例如：「請根據以下產品資料，生成對應的 JSON 格式資料，並保留key名稱。」
    10. 混搭風格與語氣（Styling & Tone Prompting）
    嘗試不同語氣、語言風格、格式等，找出最貼近任務需求的回應方式。
    例如：「請用輕鬆幽默的語氣，寫一段開場白，歡迎新員工加入我們的設計部門。」
    ✅ Google 推薦的提示設計做法
    Google在白皮書中也提供一些實用的提示撰寫建議：
    - 提供示例：能有效幫助模型模仿任務邏輯與語氣風格。
    - 保持簡潔明確：不囉嗦，重點清楚，避免語意模糊。
    - 明確下達任務：比起「幫我整理一下」，說「請幫我列成三點摘要」更有效。
    - 模組化撰寫：將提示寫成可重用模板，可大幅提升效率。
    - 控制輸出長度：使用像是「限50字內」「請用推文風格」的指令，有助掌控生成結果。
    🖱️ 資源整理
    - 🌐 [Lee Boonstra 官網](https://www.leeboonstra.dev/writing/)
    - 🎥 精華影片：[觀看影片]
    ✨ 總結
    這份白皮書不只是寫給工程師，它其實是一本「AI 溝通指南」，教你如何讓生成式模型變成真正的幫手。
    記住一句話：「會問問題的人，才是真正懂用AI的人。」
    無論你是日常使用者還是專業從業者，只要你懂得設計 prompt，AI 就能為你發揮超過預期的效果。
    🧠 Google 推出《提示工程》白皮書：教你和 AI 好好說話的秘密
    kaggle.com
    Prompt Engineering
    0 0 93 0
    104學習精靈精選課程
    看更多課程
    想提升職場競爭力？專業技能課程看起來👇
    成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
    從「網頁開發基礎知識」、「JavaScript 語法概念」開始入門，並透過王寧疆老師鉅細靡遺的完整教學，讓你深入了解 JavaScript 的物件、函式設計與應用，以及理解 JavaScript ES6 的版本差異，也經由實作練習累積經驗與穩紮你的基本功。
    緯育TibaMe
    學程式也能很好玩：不背語法寫Java
    零基礎也可以玩寫Java！有別於傳統教學方式，更著重在透過了解Java語言特徵與應用特性，引導思考撰寫邏輯，理解後進行開發。經由15個程式編寫主題，逐步建構開發程式重要基礎與物件導向觀念，使你具備邁向獨立開發程式的能力。
    緯育TibaMe
    JSP + Servlet | 吳永志Java Web 技術開發
    從佈署到應用程式，發揮Java Web超能力的線上課程！清楚了解Web Application整體架構，從Servlet基礎安裝環境開始，到進階模組的套用與實作，再帶您學習JSP的各項語法與開發方法，最後透過JSP + Servlet整合教學，讓你建構出一個具備良好架構及高品質的Web應用服務。
    緯育TibaMe
    Java開發影像辨識-Line Bot聊天機器人影像辨識導覽設計
    輕鬆建立Line Bot機器人,並使用Java撰寫Web API,進行WebHook整合,到自訂的服務進行訊息回應。並用微軟的Azure Custom Vision 電腦視覺影像AI建模訓練包裝成REST Service,形成一個AI服務,最後完成一個Line Bot的影像辨識與智慧回覆導覽系統。
    緯育TibaMe
    精通 Bootstrap 4 - 開發超強不解釋
    ► 學會如何使用 Bootstrap 建立網頁及元件 ► 了解 Bootstrap 的開發模式 ► 使用 Bootstrap 尋找合適的工作
    Hahow好學校
    自學程式如何快速入門 - 以 Python/JS 為例
    - 認識程式基礎，學習如何對應專案需求挑選合適語言 - 掌握「程式自學心法」，快速入門程式語言，掌握成就感 - 知道如何搜尋學習資源，組成專案所需的程式碼，做出想要做的程式應用 - 跟著上課專案實作，將能做出三個應用程式： 1. 製作一個根據天氣 低溫播放歌曲的排程鬧鐘 的 Python程式 2. 製作一個可以讀取excel名單中的Email並寄出信 的 Javascript 程式 3. 製作一個Kaggle比賽中 機器學習預測的 Python 程式
    Hahow好學校
    學習精靈

    05/27 00:00

    youtube.com
    程式設計師的修練7. 知識框架的建立。python+noSQL(or JSON)+JavaScript
    5 0
    緯育TibaMe
    關注
    緯育TibaMe

    2024/06/25

    不是理工科也能成功轉職前端工程師嗎 ? 104 前端主管帶你學
    不是理工科也能成功轉職 #前端工程師 嗎 ?
    非本科學員也 OK 🔥 跟著 104 人力銀行前端主管學 !
    免千元帶你挑戰高薪 > https://bit.ly/3z81nH5
    緯育 TibaMe x 104 人力銀行獨家合作【第一次就上手！前端工程新手指南】線上直播課程 !
    不只帶你從前端主管的角度掌握完整轉職所需知識 !
    #職務內容、#技能準備、#面試要點、#職涯發展 一次搞懂 !
    更加碼 2 場直播，帶你實作 #網頁切版 #常用外掛 #開發框架 等多種練習 ✨
    ✔ 7/2 直播精華
    1️⃣ VS Code 基本介紹
    2️⃣ Learn Git Branching 簡介與操作
    3️⃣ Templatemonster 網頁切版練習
    4️⃣ VS Code 常用外掛與 AI 協同開發操作
    ✔ 7/9 直播精華
    1️⃣ Javascript 與 JQuery 開發
    2️⃣ Angular 簡介與開發
    3️⃣ React 簡介與開發
    4️⃣ Vue 簡介與開發
    🎟 7/1 以前加入只要 $990 元
    展開高薪人生就是現在 > https://bit.ly/3z81nH5
    不是理工科也能成功轉職前端工程師嗎 ? 104 前端主管帶你學
    0 0 1692 0
    學習精靈

    04/04 00:00

    youtube.com
    JavaScript + Electron 桌面應用程式開發入門（beauty+）上
    18 1

    推薦給你

    AI 趨勢報－科技愛好者的產地🤖
    關注
    104學習精靈

    產品

    1小時前

    【ChatGPT寵物溝通實測】AI真的能讀懂毛孩心聲嗎？你一定要試試看！
    你以為只是好玩，結果卻忍不住泛淚！用【ChatGPT】幫我「翻譯」狗狗心聲的那一刻，我才發現牠一直都在默默愛我。現在，只要上傳你家毛孩的照片，幾個簡單的【寵物溝通】指令，就能讓ChatGPT模擬毛孩的語氣與心理，把你聽不懂的喵汪語變成句句感動的心聲。
    本文將告訴你怎麼用ChatGPT進行擬人化對話、解析行為異常、打造專屬的寵物日記，讓AI成為你與毛孩情感連結最強的翻譯員。
    步驟
    1. 打開ChatGPT，在提示欄對話框按下「+」號，上傳毛小孩的照片。
    2. 輸入以下指令，「你是寵物溝通師，告訴我，狗狗(貓貓)在想什麼？」
    3. 範例（可以加入更多資訊，包括姓名、年紀、拍照背景）：「你是寵物溝通師，告訴我，狗狗在想什麼？他是小Jo，今年5歲」
    你可以上傳更多你與毛小孩互動的照片或影片，讓ChatGPT更能模擬寵物說話的口吻。許多毛小孩已經過世的網友們實測ChatGPT寵物溝通指令後，一秒爆哭，甚至他們收到一封以毛小孩口吻發出的感謝信！讓主人們遺憾的心靈得到慰藉！
    愛寵物的主人們可以試試看！
    【ChatGPT寵物溝通實測】AI真的能讀懂毛孩心聲嗎？你一定要試試看！
    0 0 42 0
    你可能感興趣的教室