Get a great learning journey with 30 days web challange

I have learned alot of technical stuff from this web challange. I have implement several projects with them like build portfolio, ToDo app, Real time chat web application, bloging website. I am sharing the content of 30 days web with all of the students who is looking to learn web development in 2021 with this article.

Let's Start with Roadmap

what you have to learn in this Roadmap journey?

Resources

  • HTML
    •

    What is HTML?

    • HTML stands for Hyper Text Markup Language
    • HTML is the standard markup language for creating Web pages
    • HTML describes the structure of a Web page
    • HTML consists of a series of elements
    • HTML elements tell the browser how to display the content
    • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
    DAY-wise resources:
  • CSS
    •

    What is CSS?

    • CSS stands for Cascading Style Sheets with an emphasis placed on “Style.”
    • While HTML is used to structure a web document (defining things like headlines and paragraphs, and allowing you to embed images, video, and other media), CSS comes through and specifies your document’s style—page layouts, colors, and fonts are all determined with CSS.
    • Think of HTML as the foundation (every house has one), and CSS as the aesthetic choices.
    DAY-wise resources:
  • Bootstrap
    •

    What is Bootstrap ?

    • Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.
    • It contains CSS and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
    DAY-wise resources:
  • Javascript
    •

    What is JavaScript?

    • JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive.
    • Where HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a user.
    DAY-wise resources:
  • Hosting
    •

    What is hosting?

    • When a hosting provider allocates space on a web server for a website to store its files, they are hosting a website. Web hosting makes the files that comprise a website (code, images, etc.) available for viewing online. Every website you’ve ever visited is hosted on a server.
    DAY-wise resources:
  • Firebase
    •

    What is Firebase?

    • Firebase is a backend platform for building Web, Android and IOS applications. It offers real time database, different APIs, multiple authentication types and hosting platform.
    DAY-wise resources:
  • Github
    •

    What is GitHub?

    • Github.com is software hosting service for version control systems like Git. In simple language it is based on open source version control system Git which allow to track changes in the repository (collection of files and folders).
    DAY-wise resources: