Web Development

In this study program, we will cover various topics in web and mobile app development, including building a website, creating a digital business card, designing a space exploration site, developing a passenger counter app, and building a game, among others. We will also learn about GitHub repositories, challenges, deployment, and sharing our projects with the community. Completing each unit will earn karma points, indicating our progress and contributions.

Get 2950 Karma Points on Course Completion


How to Complete the Course?

1
STEP ONE

Here you will learn how to build a website. You will be taught about html tags, upload & Share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-firstweb. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
2
STEP TWO

You will be making a clone of Google. You will go through css and necessary elements. upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-gclone. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
3
STEP THREE

In this section we will be making a digital business card.You will go through attributes in img tag,flexbox and colors upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-biscard. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
4
STEP FOUR

we will make a space exploration site here. We will be importing google fonts in this section. upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-spaceex. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
5
STEP FIVE

We will make a Birthday GIft site here. We will be learning flexbox and learn how to deploy your first site. upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-bdaygift. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
6
PROJECT 1

Create a static website with name, college, projects, hobbies, and achievements upload and share GitHub repo and Hosted Link of the project in the channel #web-development with the hashtag #cl-web-createstat. Completing this unit will earn you 50 karma points.


7
STEP SIX

Move the codes you did in each step to GitHub ,upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-cssflex . Completing this unit will earn you 50 karma points.


Click Here: Resource Link
8
PROJECT 2

Style above static website, which you have created as PROJECT 1 using concepts learned above. After adding the CSS to your web page, move it to GitHub ,upload and share GitHub repo and Hosted Link of the project in the channel #web-development with the hashtag #cl-web-stylestat. Completing this unit will earn you 50 karma points.


9
STEP SEVEN

We will make a passenger counter app, which will be used to count the number of passengers entering a train. You will learn more and more about in the upcoming tasks upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-passengercount. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
10
STEP EIGHT

Create the calculator of the 6th tutorial and move it to GitHub ,upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-pt1. Completing this unit will earn you 50 karma points.


Click Here: Resource Link
11
STEP NINE

Here we will be building a developer environment using VsCode and GitHub Do the listed task and share Hosted Link of project in the channel #web-development with the hashtag #cl-web-devenvironment. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
12
STEP TEN

Like playing games? Here we are going to build a game! upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-buildjack. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
13
STEP ELEVEN

Do the fruit sorting project and push the codes to Github, upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-pt2. Completing this unit will earn you 50 karma points.


Click Here: Resource Link
14
STEP TWELVE

We are going to build a chrome extention, which can be used in your browser! upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-chromeex. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
15
STEP THIRTEEN

Do the convert string to number challenge and push the code to GitHub, upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-pt3. Completing this unit will earn you 50 karma points.


Click Here: Resource Link
16
STEP FOURTEEN

Here we will be creating a mobile app. After creating the app, share your app link that has been uploaded to netlify in the channel #web-development with the hashtag #cl-web-mobapp. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
17
PROJECT 3

Using the GitHub API get the list of GitHub repo and Hosted Links in your account and list them in your website upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-gitapi. Completing this unit will earn you 50karma points.


18
STEP FIFTEEN

Here you will be creating a react info site. After creating the site, push the code to GitHub, upload and share GitHub repo and Hosted Link of the project in the channel #web-development with the hashtag #cl-web-reactinfo. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
19
STEP SIXTEEN

Here you have to create a clone of AirBnb experience.Upload your code and share GitHub repo and Hosted Link of project with the hashtag #cl-web-airbnb. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
20
STEP SEVENTEEN

Here we will be creating a meme generator. After creating the generator, push your code to GitHub, upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-memegen. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
21
STEP EIGHTEEN

Here you have to create the notes app and Tenzies game. Push the codes of both project to github and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-notesapp. Completing this unit will earn you 100 karma points.


Click Here: Resource Link
22
PROJECT FOUR

Create a quiz game that presents a series of questions and multiple-choice answers using the concepts learned above. Upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-quizgame. Completing this unit will earn you 200karma points.


23
STEP NINETEEN

Here we will be learning Backend APIs.Upload the freecodecamp certificate in the channel in the channel #web-development with the hashtag #cl-web-node. Completing this unit will earn you 200karma points.


Click Here: Resource Link
24
PROJECT FIVE

Build a chat application: Develop a real-time chat application using Node.js and RESTful APIs that allow clients to interact with the database and view realtime data. Upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-chatapp. Completing this unit will earn you 200karma points.


25
PROJECT SIX

Create the Weather app, upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-weapp. Completing this unit will earn you 200karma points.


26
FINAL PROJECT

Here you will have to create an E-Commerce website.upload and share GitHub repo and Hosted Link of project in the channel #web-development with the hashtag #cl-web-ecommerce. Completing this unit will earn you 400karma points.


Example Message

#cl-web-firstweb

#cl-web-firweb Hey, I've completed the 1st web challenge of the Web development. Here is my github repo :https://xyz