|
小白零基礎(chǔ)AI編程變現(xiàn)課：掌握Claude Code等AI工具的核心用法，10分鐘生成完整網(wǎng)頁(yè)應(yīng)用
課程簡(jiǎn)介 本課程是一套專為純小白設(shè)計(jì)的AI編程商業(yè)化實(shí)戰(zhàn)指南，旨在讓零基礎(chǔ)學(xué)員通過(guò)“只動(dòng)口不動(dòng)手”的方式快速掌握AI編程技能并實(shí)現(xiàn)變現(xiàn)。課程從環(huán)境搭建（Node.js/VSCode/Git/Claude Code安裝）入手，詳細(xì)講解CC-Switch配置與智譜模型接入；通過(guò)個(gè)人簡(jiǎn)歷網(wǎng)站、單詞幀⒒醣易黃鰲⒎鴨剖逼韉�6個(gè)實(shí)戰(zhàn)案例，手把手教學(xué)從需求描述到代碼生成的完整流程；同時(shí)提供EdgeOne Pages免費(fèi)部署教程，讓作品一鍵上線。最后通過(guò)真實(shí)商單案例拆解（學(xué)生期末作業(yè)），完整展示從需求分析到交付的全過(guò)程，幫助學(xué)員打通“學(xué)習(xí)→實(shí)操→接單”的商業(yè)化閉環(huán)。
適合人群 完全不懂代碼但想入局AI編程的純小白 希望通過(guò)AI工具接單變現(xiàn)的玩法人群 需要快速制作網(wǎng)頁(yè)工具的學(xué)生、職場(chǎng)人 想用AI降低開發(fā)成本的創(chuàng)業(yè)者、自媒體人。
學(xué)習(xí)收獲 掌握Claude Code等AI工具的核心用法，10分鐘生成完整網(wǎng)頁(yè)應(yīng)用 學(xué)會(huì)EdgeOne Pages免費(fèi)部署技能，讓作品擁有全球可訪問(wèn)的域名 打通商單接洽全流程，具備獨(dú)立完成客戶需求的能力。
課程目錄 一、AI編程沒你想的那么神秘 給小白的定心丸 學(xué)習(xí)核心原則：首問(wèn)AI！首問(wèn)AI！首問(wèn)AI！ 二、最適合小白的路線圖 環(huán)境工具安裝 → 隨便做個(gè)垃圾 → 不停地做出更多垃圾 → 熟能生巧 三、前置準(zhǔn)備工作?/font>1d） 科普：命令提示符（Windows）與終端（Mac）的概念 視頻教程：[1_Windows環(huán)境安裝.mp4] 安裝Node.js（下載鏈接+驗(yàn)證命令） 安裝VSCode（下載鏈接+注意事項(xiàng)） 安裝Git（下載+圖文安裝步驟） 第一次作業(yè)：提交Node.js安裝與驗(yàn)證截圖、VSCode安裝截圖 安裝Claude Code（Windows/Mac命令+驗(yàn)證） 配置模型：安裝cc-switch（下載鏈接+配置教程） 購(gòu)買模型：注冊(cè)智譜賬號(hào)+獲取API Key+訂閱套餐 接入模型：cc-switch配置智譜模型+驗(yàn)證接入成功 第二次作業(yè)：提交Claude Code安裝截圖、cc-switch配置截圖、與Claude對(duì)話截圖 四、Claude Code如何用（1d） VsCode插件模式（安裝官方Claude Code插件+配置開關(guān)） 文字交互模式（Plan mode / Bypass permissions / Ask before edits / Edit automatically詳解） 圖片交互模式（直接復(fù)制粘貼圖片） 五、案例實(shí)戰(zhàn)（6d） 個(gè)人簡(jiǎn)歷網(wǎng)站（視頻：[2_個(gè)人簡(jiǎn)歷網(wǎng)站2x.mp4]） 第三次作業(yè)：提交作品截圖 中英文單詞消消樂網(wǎng)頁(yè)版（視頻：[3_中英文單詞消消樂網(wǎng)頁(yè)版_2x.mp4]） 第四次作業(yè)：提交作品截圖 多國(guó)貨幣轉(zhuǎn)換器小工具網(wǎng)頁(yè)版（視頻：[4_貨幣轉(zhuǎn)換工具.mp4]） 第五次作業(yè)：提交作品截圖 番茄計(jì)時(shí)器工具網(wǎng)頁(yè)版（視頻：[5_番茄鐘.mp4]） 第六次作業(yè)：提交作品截圖 工具集合站（把四個(gè)網(wǎng)站合并成一個(gè)導(dǎo)航站）（視頻：[6_工具集合站.mp4]） 第七次作業(yè)：提交作品截圖 六、發(fā)布網(wǎng)站（1d） 視頻教程：[7_部署.mp4] EdgeOne Pages介紹（國(guó)內(nèi)站/國(guó)際站+主要優(yōu)勢(shì)） 準(zhǔn)備工作（玩法文件結(jié)構(gòu)要求） 注冊(cè)賬號(hào)（微信掃碼注冊(cè)） 發(fā)布網(wǎng)站步驟（登錄→直接上傳→創(chuàng)建玩法→部署→預(yù)覽） 玩法設(shè)置（修改名稱+自定義域名） 更新網(wǎng)站（新建部署+重新上傳） 第八次作業(yè)：發(fā)布任意作品上線，提交域名和網(wǎng)站截圖 七、商單實(shí)戰(zhàn)案例 真實(shí)案例：學(xué)生期末作業(yè)需求拆解 完整需求文檔（HTML5語(yǔ)義化標(biāo)簽+CSS外部樣式表+500行代碼+響應(yīng)式布局等要求） 實(shí)操步驟： 1. 新建玩法文件夾 2. VSCode打開文件夾 3. 復(fù)制需求給Claude Code 4. AI自動(dòng)生成完整網(wǎng)站 5. 成品展示（首頁(yè)+詳情頁(yè)+導(dǎo)航+圖文混排） 商單案例展示：兩個(gè)H5頁(yè)面鏈接 八、結(jié)語(yǔ)：干就完了 持續(xù)學(xué)習(xí)的重要性 AI時(shí)代的機(jī)遇 鼓勵(lì)語(yǔ)：動(dòng)起來(lái)就超過(guò)大部分人
自媒體課程回復(fù)可見：
游客，如果您要查看本帖隱藏內(nèi)容請(qǐng) 回復(fù)
| 
QQ好友和群
收藏
支持
反對(duì)