gayanukabulegoda/Internet-Technologies-01

Explore the foundational concepts of web development with a focus on HTML, CSS, and JavaScript.

Internet Technologies 01 Code Space

Welcome to the Internet Technologies 01 Code Space !
Here, you'll embark on a journey to master the foundational concepts of web development, focusing on HTML, CSS, and JavaScript.

Table of Contents

• What_you'll_learn

• Repository_structure

• Get_started

• Lessons

  • Lesson-01
  • Lesson-02
  • Lesson-03
  • Lesson-04
  • Lesson-05
  • Lesson-06
  • Lesson-07
  • Lesson-08
  • Lesson-09
  • Lesson-10
  • Lesson-11
  • Lesson-12
  • Lesson-13

• How_to_use_this_repository

• License

What_you'll_learn

• HTML (Hypertext Markup Language): Understand the structure of web pages,learn how to create and organize content using elements, attributes, and semantic markup.

• CSS (Cascading Style Sheets): Discover how to style your web pages, including layout design, color schemes, fonts, and responsive design techniques to ensure your pages look great on any device.

• JavaScript: Dive into the world of programming for the web, learning how to create dynamic, interactive user experiences, manipulate the DOM, and implement basic algorithms and event handling.

Repository_structure

This repository is organized into distinct branches, each dedicated to a specific topic or project. By exploring each branch, you'll gain hands-on experience and a deeper understanding of the core principles that underpin modern web development.

Get_started

Embark on your learning journey with us and build a solid foundation in HTML, CSS, and JavaScript. Whether you're a beginner looking to get started or someone aiming to refresh their knowledge, this repository is the perfect place to hone your skills and become proficient in web development.

Lessons

Lesson-01

• Explore HyperText Markup Language ( HTML ) through insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_02 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_02 branch using the following command:

  git clone -b lesson/Day_02 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-02

• Explore HTML semantics, lists, and embedding multimedia through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_03 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_03 branch using the following command:

  git clone -b lesson/Day_03 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-03

• Explore HTML tables, forms, and structural elements through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_04 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_04 branch using the following command:

  git clone -b lesson/Day_04 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-04

• Explore CSS fundamentals, including pseudo-classes and elements, specificity, background styles, and text styles, through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_05 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_05 branch using the following command:

  git clone -b lesson/Day_05 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-05

• Explore CSS borders, the box model, margins, the `!important` rule, various units (px, percentage, em, rem, vh, vw, etc.), and the float property through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_06 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_06 branch using the following command:

  git clone -b lesson/Day_06 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-06

• Explore CSS positioning, Flexbox, and Grid layout techniques through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_07 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_07 branch using the following command:

  git clone -b lesson/Day_07 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-07

• Explore CSS transitions and animations through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_08 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_08 branch using the following command:

  git clone -b lesson/Day_08 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-08

• Explore CSS media queries and an introduction to the Bootstrap framework through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_09 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_09 branch using the following command:

  git clone -b lesson/Day_09 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-09

• Explore Bootstrap basics and an introduction to JavaScript through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_10 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_10 branch using the following command:

  git clone -b lesson/Day_10 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-10

• Explore JavaScript including array built-in functions, control flow, the differences between let, var, and const, as well as JavaScript functions and arrow functions, through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_11 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_11 branch using the following command:

  git clone -b lesson/Day_11 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-11

• Delve into JavaScript's BigInt datatype, various function types, converting functions to arrow functions, constructors, and the concept of hoisting, through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_12 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_12 branch using the following command:

  git clone -b lesson/Day_12 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-12

• Explore JavaScript timers, query selectors, event listeners, and DOM handling techniques through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_13 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_13 branch using the following command:

  git clone -b lesson/Day_13 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

Lesson-13

• Explore the fundamentals of jQuery, including its introduction and basics, jQuery event listeners, and how to perform validations using jQuery, through practical and insightful coding examples.

• To access the content:

  • Navigate to the lesson/Day_14 branch to review the source code.
  • Alternatively, clone the repository specifically from the lesson/Day_14 branch using the following command:

  git clone -b lesson/Day_14 --single-branch https://github.com/gayanukabulegoda/Internet-Technologies-01.git

How_to_use_this_repository

1. Clone the Repository: Start by cloning the repository to your local machine.


2. Checkout Branches: Navigate through different branches to explore various examples and exercises.


3. Practice and Experiment: Modify the code, create new examples, and experiment with the concepts to solidify your understanding.

License

This project is licensed under MIT License.

© 2024 Gayanuka Bulegoda