Coder Social home page Coder Social logo

gayanukabulegoda / internet-technologies-01 Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 0.0 13.33 MB

Freshers HTML, CSS, JavaScript Lesson (Internet-Technologies-01)

License: MIT License

HTML 69.90% CSS 10.39% JavaScript 19.71%
booststrap css css3 html html-css html-css-bootstrap html-css-javascript-jquery html-css-project html5 internet-technologies

internet-technologies-01's Introduction

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

  • 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

internet-technologies-01's People

Contributors

gayanukabulegoda avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.