00
HOME
C
ding is fun
了解网站开发技术学习路径
Web Development Roadmap
让更多人学会前端
Web Develop
let
frontEnd
=
'design'
+
'code'
HTML
CSS
JavaScript
React
Threejs
WebGL
Shader
加我聊一聊
旧版官网点击这里跳转浏览
Visit the Previous Website
浙ICP备16042657号-4
JavaScript + Nodejs 全栈全能课程
#
01
网站开发技术的基础,从这里开始学起
HTML
+
CSS
网站开发
入门指南
</>
WebDevGuide
网站开发技术初学者必须掌握
课程内容系统涵盖所有核心知识要点
课时数
202
总时长
34h 46m
完整课程目录
wdg.hellocode.fun
分享教程地址
#
02
页面当中的图形元素,但是能实现很多有趣效果
Scalable Vector Graphics
别小看
SVG
WebDevGuide
可以帮助我们实现一些有趣效果
从基础到深入全面了解SVG的相关知识
课时数
36
总时长
6h 12m
完整课程目录
wdg.hellocode.fun
分享教程地址
#
03
如果需要完整项目练手,这个课程适合你
HTML
+
CSS
网站开发
项目实战
</>
WebDevGuide
纯HTML和CSS的网站项目
从零开始完成一个企业品牌展示网站
课时数
53
总时长
13h 26m
项目案例效果
hellocode.hellooo.fun
课程地址
#
04
从前端到后端带你掌握所有必备技能
Javascript
+
Nodejs
全能全栈
系统课程
全面掌握前端开发的核心能力
超大课程容量,全面系统的超贴心课程
课时数
424
总时长
142h 58m
项目案例效果
fullstack.hellocode.fun
课程地址
注意
全栈课程由于内容过多,已拆分成下面两个子课程,可根据需要单独选择 ↓
《从零精通JavaScript与项目实战》
《前端的后端入门与实操》
全栈课程包含以上两个拆分的课程内容,不要重复购买
提供设计&开发与建站服务
两种建站方式
各种形式H5
其他网站
网页小游戏
App
电脑端应用
企业品牌站
小程序
查看报价
查看
项目基础报价
其他
个人形象站
浏览器插件
网页端产品
开发什么
Heloocode, coding is fun ~
分享平台
@
好奇代码的三木
网站开发技术知识
网络与网站部署基础知识
三维网页开发
个人观点和经验
Framer低代码建站教程
交互体验与视觉效果的方向
其他/重点分享内容
视频
文章
翻译
开源库
系列科普视频
#
Web3D
#
WebGL
#
Threejs
想要开发三维效果的网页该如何学习?
1.
8:53
三维网页开发学习路径1
基础阶段学习内容
2.
5:10
三维网页开发学习路径2
中级阶段学习内容
3.
8:25
三维网页开发学习路径3
高级阶段学习内容
网站三维开发的基础认知
1.
8:12
从画画开始说起
三维开发的基础认知
2.
5:16
了解图形学的作用和落地
一点点计算机图形学知识
3.
5:19
OpenGL和WebGL的关系
两个非常重要的概念
4.
4:23
WebGL和相关的库
三维开发的实际应用
#
IP地址
#
域名
#
DNS
#
CDN
网站上线部署的相关知识
1.
9:12
域名(网址)是什么
网络世界设备的地址
2.
7:40
一起购买一个域名
买域名是一个很简单的事情
3.
7:03
什么是服务器
需要怎样一台服务器
4.
11:59
服务器怎么买
买服务器并没有那么难
5.
8:29
备案是什么?如何备案?
我们国家的网络管理规定
6.
8:49
什么是DNS
网络世界的地址簿
7.
11:24
手把手教你配置DNS
配置好DNS是非常关键一步
8.
6:55
CDN是什么
CDN是网站访问加速的利器
9.
5:18
网站是如何被访问到的
网站访问的背后原理
博客文章
如何快速创建一个网站
随着技术的发展,现在想要实现一个网站,已经非常简单了。现在有了很多不需要代码的可视化建站在线工具,能够帮助你快速建站。
1"
学习网站开发前必须了解
如果你只是想简单的做个网站,做一些展示、分享、活动的网页,那么市面上的无代码建站工具其实完全都可以满足你的需求。
3"
网站开发技术要学什么
如果你做好准备想要开始学习前端开发技术,为了听起来更专业一些,后面我们就统一称呼网站开发技术为前端开发技术。
5"
该如何学习网站开发
互联网时代,学习资源泛滥,不管你想学什么,基本上都能找到各种各样的学习资料和学习方式,学习前端开发也不例外。
3"
学习网站开发前的一些疑问
这里主要是记录和分享很多同学对于前端学习相关的一些问题,如果你有任何问题也欢迎直接跟我交流,也我会把相关的问题和解答也记录到这里。
2"
推荐必看的一些内容
给大家推荐一些对于计算机工作原理和编程语言有关的科普类视频,看完这些内容会对大家的开发相关技能的学习有帮助。
1"
文档翻译
部分官方
教学文档
GSAP
官方文档
整体内容
R3F
React-Three-Fiber
开源代码库
SiteLoader
网站资源加载进度管理
这个库可以统计你传入的所有页面元素(图片/视频/音频)资源的整体加载进度,这个进度会从0到100变化,你可以通过progress事件,在每次这个进度变化时执行你自己设置的回调函数,并且你能通过该回调函数获取到当前的进度值。
About
Me
@
好奇代码的三木
学习,创造更多
Create more by learning
@
好奇代码的三木
喜欢写点代码,懂点设计
2012
2015
Design
电商设计
平面设计
2016
2018
Design
UI UX设计
2019
2020
Develop
Design
前端开发
UI UX设计
2021
Now
Develop
Design
Content Creator
前端开发
UI UX设计
自媒体
我擅长
Design
设计
Web Develop
网站开发
如果你想要实现一些
基于网站开发技术的产品
可以和我聊
聊
@
好奇代码的三木
三木自习室(公众号)
roadmap.sh
此网站有关于很多开发方向的详细学习路径
网站开发技术能干什么
开发网站
开发网页游戏
开发小程序
开发移动端APP
开发电脑端软件
需要学什么
以下是前端领域的主要的一些学习内容
相关课程
JavaScript + Nodejs
全能全栈课
课程内容中包含
HTML+CSS 入门指南
HTML+CSS 项目实训
SVG图形 入门到精通
1. HTML + CSS 入门指南
2. HTML + CSS 项目实训
3. SVG图形 入门到精通
4. JavaScript + Nodejs
全能全栈课
HTML
HTML 是网页的骨架,它定义了网页的结构和内容。HTML标签用于描述网页的各个部分,如标题、段落、链接、图像等。
基础
HTML
CSS
SVG
网络基础知识
JavaScript
Shell
npm
Git
Github
框架
Vue
Nuxtjs
React
Nextjs
Remixjs
Astro
Svelte
为什么学习 ?
框架可以帮我们提升开发效率,建议每个开发者至少掌握一种框架的使用方式
交互
创意
Motion
Pixijs
GSAP
为什么学习 ?
框架可以帮我们提升开发效率,建议每个开发者至少掌握一种框架的使用方式
跨端
Electron
Tauri
React-native
为什么学习 ?
框架可以帮我们提升开发效率,建议每个开发者至少掌握一种框架的使用方式
三维
Threejs
Babylonjs
React-Three/Fiber
为什么学习 ?
框架可以帮我们提升开发效率,建议每个开发者至少掌握一种框架的使用方式
后端
Nodejs
Linux
为什么学习 ?
框架可以帮我们提升开发效率,建议每个开发者至少掌握一种框架的使用方式
Tips
1.
HTML CSS JavaScript
这三者是学习网站开发技术的基础与核心
2.
了解基础的Nodejs与命令行操作越来越重要了,建议大家都进行学习
3.
学习开发技能是一个长期过程,需要持续不断的学习和练习,无法速成
课程推荐
Javascript + Nodejs
全能全栈
系统课程
该课程包含非常系统且全面
不仅包含JavaScript所有核心和重点知识,以
及大量案例和项目,同时还包含网络知识
shell、npm、Git和Github、Nodejs、express
等等实际开发种需要掌握的必备知识
HTML + CSS
网站开发
项目实战
HTML + CSS
全网最佳
入门指南
免费
SVG
图形标签
系统教程
免费
HOME
学习
创造更多
课程
服务
分享
关于
主页
服务
分享
关于
Torturial