ISTE Software Developer Course

~ Abhishek, Urooj and Aayush

Welcome to the repository for the ISTE Software Developer Course! Here you'll find all the recordings organized day-wise along with comprehensive notes for each session.

Topic-1 Internet Fundamentals

Live Classes Day 1 | Day 2

Day 1 - Git and Github

What is Git and Github ?
Installing Git and Creating a new account.
Some basic commands used in Git.
How to merge two branches in Git ?
Creating a new Github account.
Steps for creating a pull request.

Notes ==============
- Get access to the notes from the following link below :-
  
  https://drive.google.com/file/d/1YspFaTKu-pG4XtImakwpq69tUY1c_mrR/view
Suggested Resources :
- Recommended Video : https://youtu.be/apGV9Kg7ics?si=K0oTnfbQnaAGOHTy
- Videos : Git Github Hitesh | Advance Git Github
- Articles : Squash

Day 2 - Client server Architecture and Basics of Networking.

What is Client and Server ?
Some Basic fundamentals of Networking.
What is TCP ?
What is UDP ?
How is a TCP connection Established ?
How is a TCP connection Terminated ?
Different types of Network.
What is IP address and MAC address ?
What is a Network Interface Card ?
Details about HTTP and its history.
Some HTTP methods.
What is HTTPS ?
Basic concept of Encryption.

Notes ==============
- Get access to the notes from the following link below :-
  
  https://drive.google.com/file/d/1YehGlrqfMRyAbXqde7mCAiGSBoUvK1qO/view
Suggested Resources :
- Live Class Recordings :-
  1. DAY 1 -https://www.loom.com/share/291cec8cd45f40cbbaeaac6a25049c5e
  2. DAY 2 - https://www.loom.com/share/d4acca28fd884c2c973e78bae83f512c
- Recommended Videos : https://drive.google.com/file/d/19HiNM1-S8Rve-GYnJmdFliwbXuz0t0hv/view

--- END OF Internet Fundamentals MODULE ------

Topic-2 HTML

Tags in HTMl:

Html tag -
```
<html>
</html>
```
Head tag -
```
<head>
</head>
```
Title tag -
```
<title>Amazon Clone</title>
```
Body tag -
```
<body>
	Body Codes here
</body>
```

Image tag -

<img style="width: 90px;" src="images/download.jpeg" alt="frog image">

Heading tags -

<h1>Amazon Clone</h1>
<h2>Amazon Clone</h2>
<h3>Amazon Clone</h3>
<h4>Amazon Clone</h4>
<h5>Amazon Clone</h5>
<h6>Amazon Clone</h6>

Paragraph tag -
```
<p> Paragraph Write here </p>
```
Div tag -
```
<div>Write box content here</div>
```
Form tag -
```
<form>
	Form code here
</form>
```
Button tag -
```
<button>Submit</button>
```
Label tag -
```
<label for="name">Name</label>
```
Input tag -
```
<input type="text">
```

iframe tag -

<iframe  src="https://www.youtube.com/embed/KLlXCFG5TnA?si=Qxqf1WIriB4pEUX3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Notes ==============

Get access to the notes from the following link below :-

[https://drive.google.com/drive/u/0/folders/1uSwSRexq13G6UezbGz6MRduWYTgElxbH]

Suggested Resources :

Live Class Recordings :-
1. Day 4 - https://www.loom.com/share/8aa8ba145b1f4746998a7a7cb20fa42a
Recommended Videos : [https://youtu.be/HcOc7P5BMi4?si=T03UKpSt1K3TLTT9]

Day-5 Tables and basics of CSS

What is Table in HTML?
Whae are the different attributes in table?
Whar are inline and block elements?

Tags in Table:-

<table>  </table>

Table Row tag -
```
<tr>  </tr>
```
Table Data:-
```
<td>  </td> 
```
Table Header:-
```
<thead>  </thead>
```
Table Footer:-

<tfoot>  </tfoot>

Caption tag:-
```
<caption> </caption>
```
Rowspan Attribute:-
```
<td rowspan='2'> </td>
```
Colspan attribute :-
```
<td colspan='2'> </td>
```
Div tag:-
```
<div>  </div>
```
Span tag:-
```
<span>  </span>
```
Body tag:-
```
<tbody>  </tbody>
```

--- END OF HTML ------

Topic-3 CSS

Introduction to CSS:-

- What is CSS?
- What are selectors and declaration in CSS?
- Types of CSS and its priority order?
- Types of selectors.
- Border and its properties.
- Box model in CSS.
- What is margin,border, and padding in box element.

Notes ==============

Get access to the notes from the following link below :- [https://drive.google.com/drive/folders/14fCOs39Xk_dy2IdTyUDyWff9AuWkD3em]

Suggested Resources :

Live Class Recordings :-
1. Day 5 - [https://drive.google.com/file/d/1D0Qi7dGpqBr0yxC_aNzJFCF1031cpBOD/view?usp=drive_link]
Recommended Videos : [https://youtu.be/WuiB5TAQOAM?si=_pbWTJfAfR-YSBwz] [https://youtu.be/K1naz9wBwKU?si=BfVxBOmbdBVQ6-Mb]

--- END OF CSS ------

Introduction to Tailwind CSS

- What is Tailwind CSS?
- What are utility classes? Why use utility classes?
- How does Tailwind handle responsive design?
- What is tailwind.config.js? How do you customize Tailwind using the configuration file?
- How do you set up Tailwind in a project?
- What is PurgeCSS, and why is it important?
- What is Just-In-Time (JIT) mode in Tailwind?

NOTES:-

Will be provided Soon.........

Suggested Resources:-

Live Class recording:- 1.Day 6- [https://www.youtube.com/watch?v=4lFNWQGxR7U]
College Wallah-Tailwind CSS Tutorial For Beginners [https://www.youtube.com/watch?v=_9mTJ84uL1Q]

--- END OF TAILWIND CSS ------

Topic-4-JavaScript

DAY - 8 - JAVASCRIPT INTRODUCTION

Introduction to JavaScript:-

  - What is JavaScript?
  - How do you declare variables in JavaScript?
  - What data types does JavaScript support? What are the different types of operators in JavaScript?
  - What are common control structures in JavaScript?
  - How do you declare and call functions?
  - How do you create and manipulate arrays?

Notes :-

Will be uploaded Soon.......

Suggested Resources :

Live Class recording :-
1. Day 8 - [https://youtu.be/VAGX3Y7dw8U]
Apna college basics to pro JavaScript - [https://youtu.be/VlPiVmYuoqw?si=ckzUE0rpxb7mctNs]

DAY - 9 - JAVASCRIPT ARRAY AND FUNCTION

Array and its functions

Function in Javascript :-

Mtehod 1 :-

function add (num1,num2){
	return num1+num2
}

Method 2 :-

const add = (num1,num2) =>{
	return num1+num2
}

Method 3:-

const add = function add(num1,num2){
	return num1+num2
}

Get access to the notes from the following link below :-

[https://drive.google.com/file/d/1LAa1O7KV259r7PT5cynnZq0Z7A8IfcNR/view?usp=sharing]

Suggested Resources :
- Live Class Recordings :-
  1. Day 9 - [https://youtu.be/0f1d03EpUe4]
- Recommended Videos : [https://www.youtube.com/watch?v=gFWhbjzowrM&list=PLGjplNEQ1it_oTvuLRNqXfz_v_0pq6unW&index=4&ab_channel=ShradhaKhapra] [https://www.youtube.com/watch?v=P0XMXqDGttU&list=PLGjplNEQ1it_oTvuLRNqXfz_v_0pq6unW&index=5&ab_channel=ShradhaKhapra]

-----End of JavaScript------

How to Contribute

Templates to work on:

# Topic-1 Internet Fundamentals  
### Live Classes [Day 1](https://www.youtube.com/) | [Day 2](https://www.youtube.com/)
## Day 1 - Git and Github

  
- **Assignment 1** : Create Git Github account and register for student developer pack at github

### Notes ==============

Notes to be written here...



### Suggested Resources :
1. Videos : [Git Github Hitesh](https://www.youtube.com/watch?v=tz82ola3oy0) |  [Advance Git Github](https://www.youtube.com/watch?v=qsTthZi23VE) |
2. Articles :  [Squash](https://www.squash.io/git-tutorial-from-basics-to-advanced-concepts/)


------
--- END OF Internet Fundamentals MODULE ------

------

Branches

Main Branch: This branch contains the most recent stable version of the course materials. It's kept simple and beautiful for easy navigation and reference by students.
Topic Branches: For each major topic covered in the course, there's a dedicated branch. Tutors and contributors can work on these branches to develop and refine course content. Once the changes are ready, they can be merged into the main branch.

Feel free to contribute by adding more notes or recordings! If you have any questions or suggestions, please open an issue or contact the course instructor.

Happy learning! 🚀

Name		Name	Last commit message	Last commit date
Latest commit History 30 Commits
.github/workflows		.github/workflows
README.md		README.md

S.No	Description
1	Introduction to Software Development & Internet Fundamentals
2	HTML
3	CSS
4	Javascript ❤️
5	Contribution Guidelines

ISTE-HIT/Software_Developer_Course

Folders and files

Latest commit

History

Repository files navigation

ISTE Software Developer Course

~ Abhishek, Urooj and Aayush

Table of Contents

Topic-1 Internet Fundamentals

Live Classes Day 1 | Day 2

Day 1 - Git and Github

Notes ==============

Suggested Resources :

Day 2 - Client server Architecture and Basics of Networking.

Notes ==============

Suggested Resources :

Topic-2 HTML

Day-4 HTML tags

Notes ==============

Suggested Resources :

Day-5 Tables and basics of CSS

Topic-3 CSS

Introduction to CSS:-

Notes ==============

Suggested Resources :

Introduction to Tailwind CSS

NOTES:-

Suggested Resources:-

Topic-4-JavaScript

DAY - 8 - JAVASCRIPT INTRODUCTION

Introduction to JavaScript:-

Notes :-

Suggested Resources :

DAY - 9 - JAVASCRIPT ARRAY AND FUNCTION

Suggested Resources :

-----End of JavaScript------

How to Contribute

Templates to work on:

Branches

About

Resources

Stars

Watchers

Forks

Releases

Packages 0

Contributors 6

Packages