WebDevelopment
Study material, Resources & Tasks for Web Development cohort 2020 - 2021.
Install / Use
/learn @Lean-IN-IGDTUW/WebDevelopmentREADME
<h1 align = "center">WEB DEVELOPMENT</h1>
<img src = "/README_images/webDevelopment.png" width="100%" alt="Lean In Web Development">
<br><br>
<div> <h1><img src = "/README_images/send.png" width="25px"> Overview</h1> </div> This Repository focuses on providing study material and resources for Web Deveopment cohort 2020 - 2021. Also it includes the contributions and submissions for the tasks by mentees. This Repository aims to provide the required resources to all the readers under Lean In IGDTUW Cohort 2020 - 2021.<br><br>
<div> <h1><img src = "/README_images/content-writing.png" width="25px"> Contents</h1> </div>|:- Sessions -:|:- Topic -:|:- Description :-|
| --------------------- | --------------------- | -----------------------------------
| Orientation | Web-Development | Slide for Orientation. |
| Session 1 | HTML5 | Basics of HTML5. |
| Session 2 | GIT | Git installation + Commands. |
| Session 3 | CSS3 | Basics of CSS3. |
| Session 4 | Webpage with CSS | Live Session on CSS3 webpage. |
| Session 5 | Flask | Introduction to Flask. |
| Session 6 | Webpage with CSS - 2 | Webpage built live using CSS3. |
| Session 7 | Bootstrap | Basic Features of Bootstrap. |
| Quiz - 1 | HTML - CSS - Git | Quiz on HTML5, CSS3 and Git. |
| Quiz - 2 | Flask | Quiz on Flask. |
| Mentees Contribution | Tasks | Includes all the tasks submitted by our mentees. |
<br><br>
<div> <h1>💻 Technology Stack</h1> <p align ="center"> <code><img src="https://img.icons8.com/color/48/000000/html-5.png"/></code> <code><img src="https://img.icons8.com/color/48/000000/css3.png"/></code> <code><img src="/README_images/download.png" width="5%"/></code> <code><img src="https://img.icons8.com/color/50/000000/bootstrap.png"/></code> <code><img src="https://img.icons8.com/color/64/fa314a/figma.png" width="5%"/></code> <code><img src="https://img.icons8.com/color/64/000000/git.png" width="5%"/></code> <code><img src="https://img.icons8.com/color/64/000000/github.png" width="5%"/></code> <code><img src="https://img.icons8.com/nolan/64/flask.png" width="5%"/></code> <code><img src="https://img.icons8.com/windows/64/26e07f/node-js.png" width="5%"/></code> <code><img src="https://img.icons8.com/ios-filled/50/26e07f/jquery.png" width="5%"/></code> <code><img src="https://img.icons8.com/dusk/64/4a90e2/php-logo.png" width="5%"/></code> </p> </div> <br> <ul> <li> Features: FrontEnd WebDevelopment | BackEnd WebDevelopment | UI/UX Designing</li> <li> We at LeanIn work for the betternment of society by helping our mentees providing best possible resources for growing developer technologies.</li> <li> Projects Covered: <ol> <li>Introductory WebPage about yourself</li> <li>Sports Webpage</li> <li>How To create a Quiz in Javascript</li> <li>Landing page-The right ui/ux features</li> <li>Design the hero section of the tourism page of a state or a country</li> <li>Building a responsive website (using-pure-css) of your favourite anime/cartoon/movie/tv show character </li> <li>Restaurant marketing page | Food delivery app Marketing page | Climate change aid NGO | Fashion Apparel Website | Skin Care Products Website</li> <li>Food delivery website | Audio products shopping | Pet Adoption | Space Books, Movies and Resources | Banking Website | Travelling Website | Blog (Dynamic) | News Website (Dynamic) | Web Game | Portfolio</li> </ol> </li> <br> <li> We will be happy to help you for your queries related to Web Development. </li> </ul><br><hr><br><br>
<div> <h1><img src = "/README_images/working-woman.png" width="35px"> Mentors</h1> </div> <table style="table-layout:fixed; width:100%;"> <tr> <td align="center"> <a href = "https://github.com/ishikabansal04" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/49348251?s=400&u=8749987d8f8a9339868e9c0ee24e36253057e147&v=4" width="200px;"> </br><sub><b>Ishika Bansal</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/shruthi019" style = "text-align:center"> <img src = "https://raw.githubusercontent.com/shruthi019/shruthi019.github.io/master/images/profile.png" width="200px;"> </br><sub><b>Shruthi Rao</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/pooja-gera" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/55778515?v=4" width="200px;"> </br><sub><b>Pooja Gera</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/titiksha01" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/57208352?v=4" width="200px;"> </br><sub><b>Titiksha Sharma</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/mansi35" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/53896251?v=4" width="200px;"> </br><sub><b>Mansi Sharma</b></sub> </a> </td> </tr> </table><br><hr><br><br>
<div> <h1><img src = "/README_images/girl.png" width="32px"> Mentees (Contributors)</h1> </div> <h2 align = "center">Batch 2020</h2> <table style="table-layout:fixed; width:100%;"> <tr> <td align="center"> <a href = "https://github.com/anushkajain6459" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/54318538?v=4" width="200px;"> </br><sub><b>Anushka Jain</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/Nightingirl" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/55595569?v=4" width="150px;"> </br><sub><b>Hiteshi Saini</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/Kritikaparihar04" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/71223572?v=4" width="200px;"> </br><sub><b>Kritika Parihar</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/megha-raghav" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/71562767?v=4" width="200px;"> </br><sub><b>Megha Raghav</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/PrachiAgarwal19" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/70996961?v=4" width="200px;"> </br><sub><b>Prachi Agarwal</b></sub> </a> </td> </tr> <tr> <td align="center"> <a href = "https://github.com/preetigupta999" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/65416320?v=4" width="150px;"> </br><sub><b>Preeti Gupta</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/pnim28" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/64418754?v=4" width="200px;"> </br><sub><b>Prerna Nim</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/Priyanshi-Sharma-142" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/71590973?v=4" width="200px;"> </br><sub><b>Priyanshi Sharma</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/riddhikwatra" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/62344381?v=4" width="200px;"> </br><sub><b>Riddhi Kwatra</b></sub> </a> </td> <td align="center"> <a href = "https://github.com/Sapu30" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/71216375?v=4" width="200px;"> </br><sub><b>Sapna Kumari</b></sub> </a> </td> </tr> <tr> <td align="center"> <a href = "https://github.com/Shriya-Rai" style = "text-align:center"> <img src = "https://avatars.githubusercontent.com/u/48272365?v=4" w