糖醋排骨

interjc weblog

0%

Web 开发课程 #1

发表于 更新于 分类于 Disqus：

现在 Web 开发的课程介绍有了新的版本，已经可以开始报名了（预计第一节课会在国庆节后开始）

性子急的朋友可以直接点此购买：https://s.zhaikr.com/c-payment

介绍地址：https://s.zhaikr.com/c

以下为目前的原文（因为未来的介绍更新不见得会在此同步，所以以上面的地址中的内容为准）

楔子

我时常回忆自己正经学习编程刚起步的时候，互联网上还没有知识付费这一说，一般来说，学习技术有几个渠道：去培训班交钱学习、在网上找免费资源下载、买书学习。

很幸运的是，当时我找到了一套叫做《亚当学院》的免费教程，是一套非常良心的教程，主要是介绍了基于 W3C 标准的前端开发技术（通俗地说就是 div+css、jQuery、css，那时候的 IDE 还是 Notepad++），作者还贴心地搞了个 QQ 群来供大家交流。

当时的我在石油系统上班（关系户），深切体会到自己是不太可能融入到那个体系中成为一个自己从小就讨厌的人，所以打算尽快转行，而与电脑所相关的一切，正是我从中学起就感兴趣的。我的干劲很大，每天上班时，就摸鱼看视频学习、做笔记，下班后，就回家根据所学知识学习写自己的小项目，并且结合 Wordpress，开始接一些商业定制的单子。在免费教程学完之际，我就已经完成了 2 个基于 Wordpress 的商业定制，当我确认这个收入已经超越了上班的工资后，就立刻打报告离职、成为了一个独立开发者（2009 左右），后来创过业、上过班，但一直走在自己喜欢的这条程序员之路上。

我是从 163 拨号开始的网络生涯，勉强可以算是初代网民，所以互联网免费分享的精神根深蒂固，从自身而言，也是近几年才逐步养成了为知识和脑力劳动成果付费的习惯。

后来在 Udemy 买过一些课程，切实解决过技术栈快速上手的问题，这个费用跟我升职加薪所获得的增益来说忽略不计，课程制作很精细、也会有迭代，还有服务和社群，有的课，买完了数年之后，依然在跟随技术栈的改进而更新。我觉得这样很好，也深知，如果是全免费、仅仅靠爱发电，这样的课程和服务就难以海量出现，除非课程创作者本身已经通过其他渠道获取了丰厚收益，仅仅只是基于兴趣来维护课程。

开始

很早以前，我在职的时候，也打算出关于 Web Developing 的教程，因为在公司内部，本身就包含了新员工培训的部分，Web 这块是由我来负责的。

只不过，企业培训不太一样，因为是工作，很多事情可以无限简化，通过任务派发的方式来安排学习，并且企业招聘是有门槛的，所以大家的水平会有一个托底（虽然也会有实习生，但是一般对基本知识的掌握会有一定的要求），授课过程相对于网上公开授课简单很多，并且需要投入的也都是工作时间。

并且，我之前一直认为，网上的教材太多了，根本犯不着我来讲课。可是我发现，太多的人被生涩难懂的官方文档、欲言又止的博客文章、以及各种营销型开发教程所坑害，正如同我看见很多人想要移居日本时，只能搜索和查看非常不靠谱的信息时那样。于是我就想，为什么我不录一套系统的 Web Developing 教程给大家？让部分朋友少走一点弯路也是好的。

构想

  • 课程不教你快速赚钱的办法，只教会你工具的选择和使用，因为我相信这才是实实在在能教和学的东西。但如果有赚钱的机会，内部群会分享，有钱大家赚
  • 课程面向的是有一定产品思维、对技术有热情，但是没有编程实践经验，希望通过学习摸到门道少走弯路的人
  • 技术栈由浅入深进行选择，原则是先教大家可以快速出成果的东西，后续再层层加码，拓展一些有意思的实用功能
  • 课程中遇到的知识点，与业务无关但是如果学了会对编码水平有帮助的内容，会提供学习清单，给有余力的同学自主学习
  • 一定会积极拥抱 AI 辅助开发，但我相信复杂的项目中核心的部分依然需要人的智慧来主导
  • 课程会有主线，那就是开发本课程（也许未来也包含其他课程）的 Landing Page，并把它逐渐扩展为一个全功能的网站，择机发布到多端
  • 主线开发过程中我们可能会遇到一系列的需求和问题，形成支线任务，内部会分享解决方案和试错过程，并及时复盘
  • Web 开发本身内容是有限的，我们也可以从中探讨产品设计、最佳实践、成本和功能的取舍、盈利模式等等对技术选择的影响，实践、见证过程和结果
  • 我们会成为课程相关的开源项目的第一批共同维护者，相应的，是同学、网友、也是朋友

How it works

  • 课程采取 Early Access + Internal Service 的方式售卖，延时产出 Public 内容，相当于免费软件的 Free 和 Pro Plan
  • 一般出教程会担心卖不出去的问题，可我的教程本身就会有 public 的部分，所以不管销售效果如何，最终也可以通过 public 部分的流量收回部分成本
  • 教程本身研发的内容是有意义的，产出的东西就是一个真正生产上线的项目，并不是架空需求
  • 这次是一次有意思的尝试，未来可以作为制作其他课程的模版，甚至开设这个课程本身的经验也可能成为一个课程（无限套娃）

课程内容

Public Items

  • 基于 Notion 的公开笔记 One Page
  • 基于 X 的动态更新
  • 基于 Youtube 等平台的课程视频
  • 基于 GitHub 的课程源码
  • 学员问答精华沉淀
  • 项目成果网站上线
  • Notion 内部笔记 Space Access
  • 课程全部视频 Early Access
  • 课程全部 GitHub Repo Early Access
  • 学员问答精华沉淀 Early Access
  • 课程内容申请、投票
  • 内部讨论和技术指导微信群

课程梗概

  • 启动
    • 课程介绍
    • 课程安排
    • 课程形式：图文、视频、直播、问答等
  • 理论基础（随时穿插）
    • 什么是 Nuxt？
    • Nuxt 和 Next 的关系？
    • 什么是客户端和服务端？
    • 什么是 SSR？
    • 什么是 Nodejs？
    • 什么是 Vue？
    • 什么是 Typescript？
    • …十万个为什么
  • 环境准备
  • 课程 Courses
    • 新手教程 Low-hanging fruit
      • 基于官方模版的安装
      • 官方模版结构及本地启动
      • 基于 CF/Vercel 的发布流程
    • 背景知识 Vue 3 Quick Through
    • 核心教程 Nuxt 3 Course
      • Nuxt 官方文档 Go Through
      • …详细走完 Nuxt 功能教程（待补全）
    • 实际项目 Project
      • 本课程的 Landing Page 静态版
        • Tailwind
        • Nuxt UI
      • 更多技术栈的逐一集成
        • i18n
        • Pinia
        • Supabase
      • 随时穿插小型实战项目
    • 基于自主 VPS 的部署
      • Docker 相关
      • Github Action 相关
      • Dockerhub
        • 平台介绍
        • 手工操作
        • 自动化操作
    • 进阶 Advance
      • 移动客户端 Mobile Apps
        • Android
        • iOS
    • 社区协作 Collaborate
      • 基于 GitHub 的 workflow：
        • 课程所用的 Landing Page 源码通用版
        • 开发属于学员自己的有意思的开源项目

加入课程

课程规则

  • 第一时间上传到 Notion 的内部内容包括但不限于
    • 课程进度计划安排
    • 文稿教程初版
    • 视频教程初剪版
    • 学员问答文稿
    • 教程相关源码
    • 内部直播课
  • 课程公开化规则
    • 课程视频在课程主体结束至少 3 个月后发布公开版
    • 项目成果在课程过程中上线
    • 学员问答精华沉淀不定时上线
    • 实际项目的源码脱敏后开源、初期由学员共同维护
  • 不公开的内容
    • Notion 内部笔记的其他部分
    • 微信群

购买课程

欢迎关注我的其它发布渠道