“Learn by Doing” | My Crio.do Externship Program Experience
If you are new in the Technology field and Just Started learning the languages
then you have heard from the seniors and other developers that Build Projects with what you have learned in theory, apply it to the Building Some Projects.
And it is absolutely true! Because if you don’t practice what you have learned then you don’t have experience in the development field and also you don’t have any work or Projects to showcase if you go for Placements in the College. So, to become a good developer👨💻 you have built strong projects and it will help you to build your resume📝 Stronger.
First of all, who I am to tell that you,
So Let me share something about myself:-
Hello, folks, this is Prathamesh Borse a CS Undergrad and I really love to explore new technologies and Empowering Students and I am really interested in Web and Android Development. I have worked with Web Development and Built Projects using HTML, CSS, and JavaScript, and made Open Source Contribution.
From the year 2020, I was looking for an Internship Opportunity and to learn new technologies and improve my Existing web development language to an extra level. So, I came across the amazing Program called “Crio Winter Code of Doing Externship” organized by the Crio.do. Immediately I registered for the Program and guess what I am Selected for the Program after that my journey starts in Program.
Something about this Program: -
It is India’s largest Tech Externship Program for developers!
It is a one-of-a-kind program focussed onbringing together budding engineering talent to work on challenging projects for the most exciting start-ups in the country.
This Program has 3 Stages: Warm-Up, Preparation, and Externship
You can check out more about this Program here.
You will be wondering what is Externship, I have heard about the internship and other Offers that come from the companies. So, don’t worry I will tell you what is Externship basically externship Program is similar to the internship and apprenticeship. The Externship Program is typically a training program offered by educational institutions and private businesses that give students brief practical experiences in their field of study. … “The purpose of the externship program is to gain first-hand insight into a career or industry of interest.
In Stage 1 of this Externship Program: Warm Up
In this stage, we started learning about the pre-requisites needed for Web Development like HTTP, a basic understanding of REST APIs. Also, in this Stage we have learned some essential Linux commands, Version Control System using Git and AWS for hosting websites/applications by hands-on learning modules that are called “Bytes” in this Externship Program.
Let me share some of the information that I learned in the Stage 1 Byte: -
1. HTTP
So, what is HTTP? The HTTP stands for HyperText Transfer Protocol. Many new Comers in the web Development field only know the Full form of HTTP but they didn’t know about what actually working of the HTTP Protocol. So, here I will explain to you what is HTTP and How do we can check the HTTP Requests on our Web Browser. So,
Here you go The HTTP is a HyperText Transfer Protocol and It can be useful for querying the Web.
Next, what is HTTP Request, The HTTP Requests are used for accessing the Webpages from Server that means when you enter a Website URL on the Browser It creates an HTTP Requests and sends it to a server where it is hosted.
So, you might wonder how do we check the HTTP Requests in our browser.
Here is an example: -
- Visit a Website by entering a Website URL in your Browser and open Developer Tools in the browser. For Chrome its (Click and Inspect/Ctrl+Shift+I).
- After that Switch to the Network tab and Reload Your Website to check the Network activity.
When you click the website domain like (www.flipkart.com) here you will see the different parts of the HTTP Request just like Request URL, HTTP Request and Response Headers, and HTTP Method.
Some of the HTTP Request Methods and Some Status Code of the HTTP Request are as follows: -
GET:- This request is used to get the resource from a server and this method does not modify any data.
POST:- This request is used to send some data to the Server like Submitting a Form.
PUT:- This request is used to update data on the server-side.
HTTP Status Codes: -
This status code displays to us that the request are we making it’s correct or not.
2xx family:- This Status Code display that the request are we making it’s Successfully received and understood by the Server.
3xx family:- This status code family that the particular action must be taken to complete the HTTP Request.
4xx family:- This family of status codes tell us that there was an error in the HTTP request sent by the browser(client).
2. REST API
First of all, you have heard this term API from many developers so will be wondering that what is API? So, here you go I will Explain what is API and also What is REST API. So, let’s get Started
- API stands for Application Programming Interface.
- APIs are basically a Stored database which contains a list of images, videos and Some of the Great feature of API that we don’t have to write extra code for that we just have to make a simple API Call in a Particular language to the API.
- This call means you are getting that Particular API Data in your Code or Applications for making it better from the user’s perspective.
Next, what is REST API? This term is also Popular for 2 to 3 years. Here I will explain to you what is REST API.
REST API means it’s an API that follows a REST architecture and follows a client-server model.
(You can learn about the REST architecture here)
The various components of a REST API request include the Request URL (using which the browser makes the request), Request Method (like GET, POST, PUT), Request Headers, Request Body.
3. LINUX
In this Stage, we learned about the LINUX Operating System because this operating system runs almost on every laptop, smartwatches, and Servers in the cloud.
The Linux terminal is a really powerful tool because using this terminal we can perform many operations such as navigate, create, copy, rename, read, write, update and Delete and also many other Operations we can perform using a Single LINUX Terminal. That’s why it is called the Powerful terminal.
We also learned about some utility commands like “grep”, “awk” and different operators like the Pipe operator “|”, the redirection operator “>”.
4. AWS and git
The AWS is also gaining Popularity from 2 to 3 years because the AWS is also a very popular tool for hosting websites or Applications on the Internet because the AWS is based on the Cloud.
So, when we host our data on the AWS cloud Server it cost decreases, and also, its scalability increases. The Amazon Web Service or AWS is a cloud hosting platform for hosting websites or apps using a virtual private server.
We learned how to host an app on AWS by hosting a Food delivery app (QEATS) on the AWS ec2 server by creating an ec2 instance, deploying the backend server for the app, and then connecting it to the ec2 instance. (You can learn about AWS here)
Next, what is Git? How we can use it in our Production of applications?
Here you go, git is a Local Version Control System that is used to manage or track a list of files while we working on a project.
In this Stage we learned about cloning a repository (it is a term for a particular Project), adding changes, pushing those changes (it is a platform for Hosting our Project), and Pulling changes using different git commands.
We also learned about merge conflicts that occur when you are trying to push changes to a branch that is not in sync with your forked repo. We learned about how to handle these conflicts as well!
5. HTML and CSS
HTML, CSS, and JavaScript are the key components for building the Front-End of the Website.
The HTML is used to creating the content of the website, the CSS is used to Styling the content of that Page, and using CSS we can make the webpage look beautiful and attractive!
JavaScript can be used to make dynamic webpages and also to make responsive webpages.
Next in this Stage, we learned about how to style HTML elements using CSS.
We have also learned about the CSS Box Model which is basically using rectangular region which has a different property like margin, padding, top and bottom and also height and width Property.
We have learned about how to automatically arrange the HTML elements according to the screen size for mobile/desktop using CSS Flexbox. We have also learned about the CSS Position Property.
After completing all these bytes, we get an opportunity to work on the Full Stack Application by working on a Guided Project where we have performed the tasks with the Frontend, Backend and also how to deploy this Full-stack Application on the Netlify and Heroku and to connect with the Database in the Full Stack Application.
In this Stage I got the learn many new Technologies as well as Languages and also, I really like the concept “Learn by Doing” because in this Stage we get an opportunity to implement what we are actually learning in the Stage.
Do follow me on Medium where I will be talking about Mobile and Web Development, Open Source, Machine Learning, and much more!
You can connect with me:- Linkedin or Twitter
Check out my projects on - Github
