这里列举一些我发现也使用的学习资源,不定时更新,也欢迎评论.

AI&&ML

教程

1. 1. 引言 — 动手学深度学习 2.0.0 documentation (d2l.ai)
2. Practical Deep Learning for Coders - Practical Deep Learning (fast.ai)
3. Zero to Mastery Learn PyTorch for Deep Learning
4. microsoft/AI-For-Beginners: 12 Weeks, 24 Lessons, AI for All! (github.com)
5. Machine Learning – Towards Data Science

推荐入门

ML 2023 Spring (ntu.edu.tw) 生成网络使用的是Diffusion Model

ML 2022 Spring (ntu.edu.tw) 生成网络使用的是GAN

Introduction to Generative AI 2024 Spring (ntu.edu.tw)

Zero to Mastery Learn PyTorch for Deep Learning pytorch学习

labml.ai 经典论文复现

Deep Learning Specialization [5 courses] (DeepLearning.AI) | Coursera

博客

1. FastML
2. Essays · Gwern.net
3. Count Bayesie - A Probability Blog

JavaScript学习

1. JavaScript Tutorial
2. The Modern JavaScript Tutorial

前端学习

1. Grid Garden - A game for learning CSS grid (cssgridgarden.com)
2. Flexbox Defense
3. Flexbox Froggy - A game for learning CSS flexbox

Python学习

1. 前言 — python3-cookbook 3.0.0 文档
2. Learn Python - Free Interactive Python Tutorial

不得不说,像js,python,Go还有Rust这些语言官方以及第三方社区都比较活跃,人们参与度也比较高,社区氛围也很好,学起来也很不错,教程文档也很多,质量也不低,非常吸引beginner进入.

设计

之前学习Web和移动端乃至所有稍微带点界面的应用开发时,发现界面设计甚至美术都很影响用户体验. 比如网站如何布局,配色以及字体,素材配图,此外还有loader以及logo设计等等,这些本身不属于或者不完全属于程序员的工作,但作为独立开发或者一些小项目,都还是需要考虑的.

界面布局

针对Web,桌面端和移动端的一些用户习惯和常用设计可能不完全相同,但是一些基本的想法还是类似的. 一个网站的布局和配色是影响用户视觉最关键的两点(我认为的).

经典的布局方式是可以总结出来的,但是随着人们审美意识改变可能也会出现一些新的布局设计.

• 12种常见的网页布局设计，你知道几个？ | 设计达人 (shejidaren.com)
• 用好这 9 个网页排版布局技巧，高级感说来就来！ (pixso.cn)

可以使用Figma或者Sketch等进行页面设计,国内也有即使设计,墨刀,MasterGo以及Pixso.不仅拿来设计布局也可以画原型图等等.

在界面布局时也应该考虑到响应式等.

界面配色

配色其实还是很重要的,我自己在写网站时常常忽略这一点. 好的颜色搭配使得整个网站,讲究一个冷暖色调和搭配方案.

• 网页设计常用色彩搭配表 - 配色表 (gitee.io)
• Color Scheme Designer,在线配色器-在线色彩搭配和色彩配色方案 (chinavid.com)
• Create a Palette - Coolors
• Palettes | Flat UI Colors 🎨 280 handpicked colors ready for COPY & PASTE
• 🎨 Material Design Colors, Color Palette | Material UI
• 此外还有gradientCSS Gradient — Generator, Maker, and Background
• box-shadow93 Beautiful CSS box-shadow examples - CSS Scan (getcssscan.com)

2020 设计师主流配色网站推荐 - 知乎 (zhihu.com)

loader

• loading.io - Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator
• CSS loaders and Spinners
• Pure CSS Loader - Optimized Spinners for Web · Loading.io
• CSS Loaders: A collection of more than 600 loading animations (css-loaders.com)

高清图、矢量图以及字体等资源

图片资源可以简单分为用于特别显示的高清大图以及一些工具类的矢量图.

主要害怕版权争议以及图像质量问题. 事实上可以直接谷歌搜图,不过为了高清的图像质量可以使用一些专业的网站.

• Beautiful Free Images & Pictures | Unsplash
• 4.4 million+ Stunning Free Images to Use Anywhere - Pixabay - Pixabay
• Free Images - Millions of public domain/cc0 photos and clipart (free-images.com)
• Free Stock Photos, Royalty Free Stock Images & Copyright Free Pictures · Pexels

另外矢量图有

• iconfont-阿里巴巴矢量图标库
• Tabler Icons - 1400+ Open source free SVG icons
• p.yusukekamiyamane - Free stock icons + pixel fonts
• unDraw - Open source illustrations for any idea

Logo可以自己设计甚至使用AI创作,我之前使用过阿里的Logo设计,毕竟自己使用PS等工具还是差点技术.

英文字体使用google font, 中文字体就更多了

• 中文字体免费下载和在线预览-字体天下 (fonts.net.cn)
• 字由官网 | 免费字体工具，5000+精选字体授权商用 (hellofont.cn)
• wordshub/free-font: 大概是2020年最全的免费可商用字体，这里收录的商免字体都能找到明确的授权出处，可以放心使用，持续更新中… (github.com)

另外可以看看一些设计激发一些感觉.

• Siteinspire | Web Design Inspiration
• Dribbble - Discover the World’s Top Designers & Creative Professionals
• cssinspirationguide - csc inspiration guide online (csscoco.com)
• CSS Gallery for Web Design Inspiration - CSS Nectar
• 分享43个前端、设计师常用优质的图标资源 - 知乎 (zhihu.com)

学习平台

1. Cousera,Udemy,Udacity这种视频平台,一般会附带编程作业
2. Top Free Resources for Developers | Zero To Mastery

一些博客平台比如Medium(目前褒贬不一)也有一些不错的文章.
此外Youtube上有很多频道非常不错,不过我还是更喜欢看文字.