DEV Community

Bhuvanesh T
Bhuvanesh T

Posted on

FULL STACK DEVELOPMENT DAY - 1

Introduction

Today’s Full Stack Development class focused on understanding the basic tools and technologies required for modern web development. We explored frontend development, backend setup, deployment platforms, databases, and developer resources that are commonly used in the MERN stack ecosystem.

Platforms & Accounts Created

1.)vercel
Created a Vercel account and explored how frontend applications can be deployed easily using cloud hosting services.

2.)Render
Explored Render platform for backend hosting and web service deployment.

3.)DEV Community
Created a DEV Community account to document learning progress and technical blogs.

**

Developer Accounts Used

**
1.)Git Hub
Accessed GitHub account and explored repositories, profile management, and version control concepts.

2.)LinkedIn
Updated LinkedIn profile for professional networking and showcasing technical skills.

3.)Student Developer pack
Explored the GitHub Student Developer Pack and its free tools and resources available for students.

  • Accessed student benefits
  • Explored free developer tools

_**

Node.js & NPM Installation

**_
Installed Node.js and verified installation.
Purpose

  • JavaScript runtime environment
  • Package management using NPM
  • Dependency installation

REACT.JS
Created a React application and explored component-based frontend development.

Activities Done

  • Created React project
  • Worked with JSX
  • Designed a simple table interface

Node.js Server Setup

Created a simple server.js file and executed backend code locally

Concepts Learned

  • Server creation
  • Localhost execution
  • Backend basics

EXPRESS.JS Introduction

Installed Express.js and created a simple route-based server.
Craete file initialize with npm init

*What I Learned
*

  • Backend routing
  • Express server setup
  • API basics

Worked with the Express.js

**

MONGO DB Basics

**
Created a MongoDB Atlas account, connected MongoDB Compass, and performed CRUD operations.

CRUD Operations

  • Create
  • Read
  • Update
  • Delete

Conclusion

Today’s session provided a strong foundation in Full Stack Development by introducing important development platforms, frontend technologies, backend setup, and database operations. The class helped in understanding how modern web applications are developed using the MERN stack ecosystem.

Top comments (0)