Introduction to Software development(ALLTP) for 10 Days

Wishlist Share
Share Course
Page Link
Share On Social Media

What Will You Learn?

  • In this 10-day Introduction to Full Stack Development, you will:
  • Build Websites using basic HTML and CSS.
  • Add Interactivity with simple JavaScript.
  • Understand How Websites Work by learning about front-end and back-end basics.
  • Collaborate with tools like GitHub for version control.
  • Develop Problem-Solving Skills by debugging code and tackling small challenges.
  • By the end of the course, you’ll have a simple, functional website and a solid understanding of the web development process.

Course Content

Day 1: What is Full Stack Development?
Introduction to the Internet and how websites work. Overview of front-end and back-end development. Basic tools of a developer: Web browsers, code editors (VS Code), and how to set them up. Introduction to soft skills: Why communication and problem-solving matter in tech.

  • Introduction to the Internet and how websites work.
    09:00
  • How the web works
    05:00
  • How websites work
    07:00
  • (Activity) Basic tools of a developer: Web browsers, code editors (VS Code), and how to set them up.
    00:00
  • Overview of front-end development.
  • Overview of back-end development.
  • Introduction to soft skills: Why communication and problem-solving matter in tech.
    00:00
  • What full-stack developers do and the tools they use

Day 2: Introduction to HTML (The Structure of Web Pages)
What is HTML? (HyperText Markup Language) Basic HTML tags: <h1>, <p>, <a>, <img>, <ul>, and <div>. Building the structure of a simple web page. Activity: Create a simple web page about yourself, including a heading, a short bio, and links to your favorite websites.

Day 3: Introduction to CSS (The Look of Web Pages)
Topics Covered: What is CSS? (Cascading Style Sheets) Basic CSS properties: colors, fonts, margins, padding. Inline vs External CSS: How to link a CSS file to your HTML.

Day 4: JavaScript Basics (Making Web Pages Interactive)
Topics Covered: What is JavaScript? (Introduction to adding logic to web pages) Basic JavaScript concepts: variables, functions, and events. How to add a simple JavaScript function to an HTML page.

Day 5: Introduction to Version Control with Git
Topics Covered: What is Git and why is it important for developers? Basic Git commands: init, add, commit. Introduction to GitHub for hosting code online.

Day 6: Understanding the Web (How the Front-End Talks to the Back-End)
Topics Covered: Introduction to the roles of the front-end and back-end. What is a server? (Simplified explanation) How websites send and receive data (basic overview of requests and responses).

Day 7: Introduction to Working with Others (Collaboration and Soft Skills)
Topics Covered: Introduction to teamwork and communication in software development. Tools developers use to collaborate: GitHub, Slack, Zoom. Importance of asking questions, giving feedback, and continuous learning.

Day 8: Introduction to Simple Back-End Concepts
What is the back-end in simple terms? Overview of databases and what they do . How the front-end sends data to the back-end .

Day 9: Building Confidence in Problem-Solving
Topics Covered: How to approach problem-solving in development. Debugging basics: What to do when something breaks in your code. Importance of a growth mindset and learning from mistakes.

Day 10: Wrapping Up and Next Steps
Topics Covered: Review of what you've learned over the past 9 days. Introduction to more advanced topics like full-stack development. Soft Skills: Developing a plan for continuous learning and improvement.