> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/NormandoRamirezDelgado/6C-Febrero-2026/llms.txt
> Use this file to discover all available pages before exploring further.

# Dart Programming Course

<div className="relative py-16 bg-gradient-to-br from-[#0175C2] via-[#01579B] to-[#014A7F] dark:from-[#014A7F] dark:via-[#01579B] dark:to-[#0175C2]">
  <div className="max-w-6xl mx-auto px-6 lg:px-8">
    <div className="grid lg:grid-cols-12 gap-8 items-center">
      <div className="lg:col-span-7">
        <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-white mb-4">
          Master Dart Programming
        </h1>

        <p className="text-lg sm:text-xl text-white/90 max-w-2xl mb-8">
          Learn Dart from the ground up with 33 hands-on lessons covering fundamentals, control flow, functions, and data structures.
        </p>

        <div className="flex flex-wrap gap-3">
          <a href="/introduction" className="inline-flex items-center px-6 py-3 bg-white text-[#0175C2] rounded-lg font-semibold hover:bg-white/90 transition-colors no-underline">
            Get Started
          </a>

          <a href="/fundamentals/hello-world" className="inline-flex items-center px-6 py-3 border border-white/30 bg-white/10 text-white rounded-lg font-semibold hover:bg-white/20 transition-colors no-underline">
            Start Learning
          </a>
        </div>
      </div>

      <div className="lg:col-span-5 flex justify-center">
        <div className="bg-white/10 backdrop-blur-sm border border-white/20 rounded-2xl p-6 max-w-md">
          <pre className="text-sm text-white overflow-x-auto">
            {`void main() {
                        print('Hello, Dart!');

                        // Variables & Types
                        int age = 25;
                        String name = 'Developer';

                        // Functions
                        greet(name);
                        }

                        void greet(String name) {
                        print('Welcome, \$name!');
                        }`}
          </pre>
        </div>
      </div>
    </div>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <h2 className="text-2xl sm:text-3xl font-semibold text-gray-900 dark:text-white mb-3">
    Quick Start
  </h2>

  <p className="text-base text-gray-600 dark:text-gray-400 mb-8">
    Get up and running with Dart in minutes
  </p>

  <Steps>
    <Step title="Set up your environment">
      Install the Dart SDK and configure your development environment. Follow our [setup guide](/setup) for detailed instructions.

      ```bash theme={null}
      # Install Dart SDK
      brew tap dart-lang/dart
      brew install dart
      ```
    </Step>

    <Step title="Write your first program">
      Create a simple Hello World program to verify your installation.

      ```dart theme={null}
      void main() {
        print('Hello, Dart!');
      }
      ```
    </Step>

    <Step title="Explore the fundamentals">
      Learn about variables, data types, and basic operators. Start with our [fundamentals section](/fundamentals/hello-world) to build a solid foundation.
    </Step>
  </Steps>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <h2 className="text-2xl sm:text-3xl font-semibold text-gray-900 dark:text-white mb-3">
    What You'll Learn
  </h2>

  <p className="text-base text-gray-600 dark:text-gray-400 mb-8">
    Comprehensive curriculum covering all essential Dart concepts
  </p>

  <CardGroup cols={3}>
    <Card title="Fundamentals" icon="book" href="/fundamentals/hello-world">
      Master variables, data types, constants, and type conversions
    </Card>

    <Card title="Operators" icon="calculator" href="/operators/arithmetic">
      Learn arithmetic, logical, comparison, and assignment operators
    </Card>

    <Card title="Control Flow" icon="code-branch" href="/control-flow/if-statements">
      Understand conditionals, loops, and program flow control
    </Card>

    <Card title="Functions" icon="function" href="/functions/basics">
      Write reusable code with functions, parameters, and return values
    </Card>

    <Card title="Data Structures" icon="database" href="/data-structures/lists">
      Work with Lists and Maps for complex data management
    </Card>

    <Card title="Practical Exercises" icon="dumbbell" href="/exercises/loops">
      Apply your knowledge with real-world coding challenges
    </Card>
  </CardGroup>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <h2 className="text-2xl sm:text-3xl font-semibold text-gray-900 dark:text-white mb-3">
    Course Features
  </h2>

  <p className="text-base text-gray-600 dark:text-gray-400 mb-8">
    Everything you need to become proficient in Dart
  </p>

  <div className="grid md:grid-cols-2 gap-6">
    <div className="p-6 rounded-xl border dark:border-[#27272a] border-gray-200 dark:bg-[#1a1d27] bg-gray-50">
      <div className="text-3xl mb-3">📚</div>

      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
        33 Comprehensive Lessons
      </h3>

      <p className="text-sm text-gray-600 dark:text-gray-400">
        Progressive learning path from basics to advanced topics with hands-on code examples
      </p>
    </div>

    <div className="p-6 rounded-xl border dark:border-[#27272a] border-gray-200 dark:bg-[#1a1d27] bg-gray-50">
      <div className="text-3xl mb-3">💻</div>

      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
        Real Code Examples
      </h3>

      <p className="text-sm text-gray-600 dark:text-gray-400">
        Every lesson includes working code you can run and experiment with
      </p>
    </div>

    <div className="p-6 rounded-xl border dark:border-[#27272a] border-gray-200 dark:bg-[#1a1d27] bg-gray-50">
      <div className="text-3xl mb-3">🎯</div>

      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
        Practical Exercises
      </h3>

      <p className="text-sm text-gray-600 dark:text-gray-400">
        Test your knowledge with real-world programming challenges and assignments
      </p>
    </div>

    <div className="p-6 rounded-xl border dark:border-[#27272a] border-gray-200 dark:bg-[#1a1d27] bg-gray-50">
      <div className="text-3xl mb-3">📈</div>

      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
        Progressive Difficulty
      </h3>

      <p className="text-sm text-gray-600 dark:text-gray-400">
        Structured learning path that builds on previous concepts gradually
      </p>
    </div>
  </div>
</div>

<div className="mt-16 mb-16 max-w-5xl mx-auto px-6">
  <div className="p-8 rounded-2xl border-2 dark:border-[#0175C2] border-[#0175C2] dark:bg-[#1a1d27] bg-blue-50">
    <h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-3">
      Ready to Start Your Dart Journey?
    </h2>

    <p className="text-base text-gray-600 dark:text-gray-400 mb-6">
      Begin learning Dart today with our comprehensive course. From your first Hello World to complex data structures.
    </p>

    <a href="/introduction" className="inline-flex items-center px-6 py-3 bg-[#0175C2] text-white rounded-lg font-semibold hover:bg-[#01579B] transition-colors no-underline">
      Begin Learning →
    </a>
  </div>
</div>