Open Collective
Open Collective
Loading

Free Bootcamp - Web Development Basics 101

"Free Bootcamp - Web Development Basics 101" teaches HTML, CSS, and JavaScript for beginners through hands-on exercises and projects. Build basic websites from scratch with a strong foundation in web development fundamentals

Friday, February 24, 2023, 8:00 PM - Tuesday, February 28, 2023, 9:30 PM (UTC+05:30)
Created by: ReactPlay

About


ReactPlay presents its first-ever Bootcamp - Web Development Basics 101, an introductory program that teaches the foundational concepts of web development, including HTML, CSS, and JavaScript.

Designed for beginners, this Bootcamp provides hands-on experience through practical exercises and projects. 

By the end of the program, students will have a strong understanding of web development fundamentals and be able to build basic websites from scratch.

ReactPlay Web Development Basics 101 Bootcamp Schedule

Please find the program schedule and content below. Please DO NOT FORGET TO RSVP(See the Tickets section below).

24th Feb: Day - 1 HTML basics

Agenda

  • What is Web Development?
  • What do Front-End and Back-end mean?
  • Common Web Development Terms(HTTP, HTTPS, URL, etc.)
  • Basics of HTML
    • HTML Page Structure
    • Basic Standard Tags
      • Content Tags 
      • Linking tags 
      • Image Tags 
      • List Tags 
      • Semantic Tags 
      • Form Tags 
      • Table Tags 
      • Multimedia Attribute Tags

Session Recording: https://www.stack-stream.com/case/re-day-1-html-basics-reactplay-presents-web-dev-basics-101-bootcamp-ft-pritesh-kiri


25th Feb: Day - 2 CSS basics


Agenda

  • CSS Basics
    • Box Model
    • Selectors
    • Combinators
    • Standard Properties
      • border
      • margin
      • padding
      • outline 
      • border-radius 
      • background 
      • colors 
      • simple, gradient, alpha transparency 
      • fonts 
      • Formatting text with CSS 
      • position relative, absolute etc. 
      • dimension top, left, height, width, max-width, aspect-ratio etc 
      • z-index 
  • How to use DevTools for CSS
  • Layout - Flexbox

Session Recording: https://youtube.com/live/qWPe4kZGBeA


26th Feb: Day - 3 - HTML + CSS Project (Portfolio website)

Agenda

  • Build a project based on what we learned on Day 1 and Day 2.
    • A practical application of your learning

Session Link: https://www.youtube.com/watch?v=w3Ux8HG6h6I


27th Feb: Day - 4 JS basics

Agenda

  • Datatypes 
  • Variable 
  • Operators 
  • Condition 
  • Loops 
  • Function 
  • Array 
  • String 
  • Event handling

Session Link: https://www.youtube.com/watch?v=0xz4LzYLTZA


28th Feb: Day - 5 Final project

Agenda

  • Build a Food Ordering app using all the learning.
  • Tasks and Practices after the Bootcamp
  • Resources
  • Communication

Session Link: https://www.youtube.com/watch?v=xI3l4Jm8buI




About ReactPlay
 
ReactPlay is an Open Source platform that helps anyone learn ReactJS faster with a hands-on practice model. It is a collection of ReactJS projects you can use to learn ReactJS. 
Is that all? Nope. You can also create your projects and share them with the world. The best part is that the ReactJS experts will review your project code before it gets part of the ReactPlay platform. Isn't that a pure WIN-WIN? 


Some important links:

  • ReactPlay Website
  • ReactPlay Org on GitHub
  • ReactPlay on Twitter
  • ReactPlay Community on Discord
  • ReactPlay Blog
  • Our team

    Arman

    Core Contributor

    Susmita

    Core Contributor

    Shrilakshmi S...

    Core Contributor

    Pritesh

    Core Contributor

    Connect


    Let’s get the ball rolling!

    News from Free Bootcamp - Web Development Basics 101

    Updates on our activities and progress.

    Missed the bootcamp? Now we have a series published for you!

    Dear participant,We have now published a series on Showwcase about this Web Development Bootcamp. We hope you find it helpful.Here is the link:...
    Read more
    Published on March 25, 2023 by Tapas Adhikary

    Last Day - Let's build Together

    Today is the last day of the Web Dev Bootcamp by ReactPlay. Pritesh Kiri has taught us passionately to build things for the last four days. Let's do the final project. Join us today evening at 8:00 PM (IST) to build together. Note: If you m...
    Read more
    Published on February 28, 2023 by Tapas Adhikary

    Day 4 - Web Dev Basics 101 Bootcamp: JavaScript basics

    Hello all, We hope the learning is going on well. Welcome to day 4 of the boot camp. Please use the link below to join the stream: >...
    Read more
    Published on February 27, 2023 by Tapas Adhikary

    Budget


    Transparent and open finances.

    View all transactions
    Balance transfer
    Contribution #628028
    $
    Today’s balance

    --.-- USD

    Total raised

    $8.01 USD

    Total disbursed

    $8.01 USD

    Estimated annual budget

    --.-- USD