我的编程学习之路：从零基础到获奖项目的蜕变历程

1
2
3
4
5
6
7
8
9
10
11
12
13
// 我的第一行代码 - 当时觉得很神奇
console.log("Hello World!");

// 几天后写出的第一个"复杂"程序
function greetUser(name) {
    if (name) {
        console.log(`Hello, ${name}!`);
    } else {
        console.log("Hello, stranger!");
    }
}

greetUser("Jason"); // 当时觉得自己太厉害了！

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
// 我的第一个交互式项目：简单计算器
class Calculator {
    constructor() {
        this.result = 0;
        this.init();
    }
    
    init() {
        const display = document.getElementById('display');
        const buttons = document.querySelectorAll('.btn');
        
        buttons.forEach(button => {
            button.addEventListener('click', (e) => {
                this.handleClick(e.target.textContent);
            });
        });
    }
    
    handleClick(value) {
        // 处理计算逻辑
        if (value === '=') {
            this.calculate();
        } else if (value === 'C') {
            this.clear();
        } else {
            this.appendValue(value);
        }
    }
    
    calculate() {
        try {
            this.result = eval(this.currentInput);
            this.updateDisplay();
        } catch (error) {
            this.displayError();
        }
    }
}

// 当时写出这个觉得自己已经是高手了 😄
const calc = new Calculator();

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
// 我的第一个Node.js后端API
const express = require('express');
const mongoose = require('mongoose');
const cors = require('cors');

const app = express();

// 中间件
app.use(cors());
app.use(express.json());

// 数据模型
const TodoSchema = new mongoose.Schema({
    text: { type: String, required: true },
    completed: { type: Boolean, default: false },
    createdAt: { type: Date, default: Date.now }
});

const Todo = mongoose.model('Todo', TodoSchema);

// API路由
app.get('/api/todos', async (req, res) => {
    try {
        const todos = await Todo.find().sort({ createdAt: -1 });
        res.json(todos);
    } catch (error) {
        res.status(500).json({ error: error.message });
    }
});

app.post('/api/todos', async (req, res) => {
    try {
        const todo = new Todo(req.body);
        await todo.save();
        res.status(201).json(todo);
    } catch (error) {
        res.status(400).json({ error: error.message });
    }
});

// 启动服务器
const PORT = process.env.PORT || 3001;
app.listen(PORT, () => {
    console.log(`服务器运行在端口 ${PORT}`);
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// 我的学习管理系统
class LearningManager {
    constructor() {
        this.dailyGoals = [];
        this.weeklyReview = [];
        this.monthlyProjects = [];
        this.learningResources = new Map();
    }
    
    // 每日学习计划
    setDailyGoal(topic, timeMinutes, practiceProject) {
        this.dailyGoals.push({
            topic,
            timeMinutes,
            practiceProject,
            completed: false,
            date: new Date().toISOString().split('T')[0]
        });
    }
    
    // 学习资源管理
    addLearningResource(category, resource) {
        if (!this.learningResources.has(category)) {
            this.learningResources.set(category, []);
        }
        this.learningResources.get(category).push(resource);
    }
    
    // 进度跟踪
    trackProgress() {
        const completedGoals = this.dailyGoals.filter(goal => goal.completed);
        const completionRate = (completedGoals.length / this.dailyGoals.length) * 100;
        
        console.log(`学习完成率: ${completionRate.toFixed(2)}%`);
        return completionRate;
    }
}

// 我的实际使用
const myLearning = new LearningManager();
myLearning.setDailyGoal('React Hooks', 60, 'Todo App升级');
myLearning.setDailyGoal('算法练习', 30, 'LeetCode 2题');
myLearning.addLearningResource('前端', 'MDN Web Docs');
myLearning.addLearningResource('算法', 'LeetCode');

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
// 我的学习课程推荐系统
const learningResources = {
  "免费资源": {
    "freeCodeCamp": {
      "优点": ["完全免费", "项目驱动", "社区活跃"],
      "适合": "零基础入门",
      "完成时间": "3-6个月"
    },
    "MDN Web Docs": {
      "优点": ["权威文档", "实例丰富", "持续更新"],
      "适合": "查阅参考",
      "使用频率": "每日必看"
    },
    "YouTube频道": {
      "推荐": ["Traversy Media", "The Net Ninja", "Academind"],
      "语言": "英文为主",
      "质量": "非常高"
    }
  },
  "付费资源": {
    "慕课网": {
      "特色": "中文实战项目",
      "价格": "100-500元/课程",
      "推荐课程": "Vue全家桶实战"
    },
    "极客时间": {
      "特色": "大厂专家授课",
      "适合": "进阶学习",
      "推荐专栏": "前端性能优化"
    }
  }
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
// 学习编程的心态管理
class MindsetManager {
    constructor() {
        this.patience = 100;  // 耐心值
        this.confidence = 50; // 信心值
        this.motivation = 80; // 动力值
    }
    
    // 遇到困难时的处理
    handleDifficulty(problem) {
        console.log('遇到困难是正常的，每个程序员都经历过');
        this.patience -= 10;
        
        if (this.patience < 30) {
            this.restorePatience();
        }
        
        return this.solveProblem(problem);
    }
    
    // 恢复耐心的方法
    restorePatience() {
        const methods = [
            '休息一下，出去走走',
            '和其他学习者交流',
            '回顾之前完成的项目',
            '看看技术大牛的成长故事'
        ];
        
        console.log('建议尝试:', methods[Math.floor(Math.random() * methods.length)]);
        this.patience = Math.min(100, this.patience + 30);
    }
    
    // 庆祝小成就
    celebrateSuccess(achievement) {
        console.log(`🎉 恭喜完成: ${achievement}`);
        this.confidence += 10;
        this.motivation += 5;
    }
}