0% found this document useful (0 votes)
68 views8 pages

Web Development

The document outlines instructions for an internship program at Coding Samurai, which aims to help students learn practical skills through hands-on projects. It provides details about three web development tasks for interns to complete, involving building a calculator app, to-do list app, and personal blog website.

Uploaded by

natureworldkinda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
68 views8 pages

Web Development

The document outlines instructions for an internship program at Coding Samurai, which aims to help students learn practical skills through hands-on projects. It provides details about three web development tasks for interns to complete, involving building a calculator app, to-do list app, and personal blog website.

Uploaded by

natureworldkinda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

ABOUT THE COMPANY

At Coding Samurai, we strongly believe that practical knowledge is


really important for doing well in the tech industry. Our main goal is
to help students who might be missing some basic skills. We do this
by giving them chances to learn in a hands-on way, where they work
on real projects and see how things work in the real world. we know
how valuable it is for future tech experts to actually try things
themselves. That's why our internship program lets students learn by
doing real projects. They get to work with experienced mentors who
guide them along the way. Our team is made up of experts who have
a lot of experience in the industry. They really care about helping
interns learn and get better at what they do. We create a friendly and
welcoming environment where everyone can learn, grow, and come
up with new ideas
INSTRUCTIONS
1-Update your LinkedIn profiles.

2-For the WEB DEVELOPMENT internship, you will need to complete atleast
1 tasks for successful completion of the internship.

3-Upload it on your GITHUB and name it as CODING SAMURAI INTERNSHIP TASK


for all the tasks and share the link of the profile in the task submission form(it will
be given later through email).

4-You can refer to online resources such as Google Search and read tutorials.
Watch videos(For Help).

SUBMISSIONS
1-A TASK SUBMISSION FORM will be shared later through email . Till then
please continue your task.

2-A video need to be created to showcase your work, a demo of your effort.
3-For the WEB DEVELOPMENT internship, you will need to complete atleast 1
tasks for successful completion of the internship.

4-The video can be hosted on LinkedIn for proof of your work and to build
credibility among your peers. You can tag CODING SAMURAI in such posts.

2
5-Please add #codingsamurai in each of your task video postings on LinkedIn,
Additionally, you can also add hashtags such as #internship
#webdevelopment. For more visibility.

6-Best Interns will be given LOR and a chance to win stipend.

WEB DEVELOPMENT

WEB DEVELOPMENT INTERNSHIP (TASK 1)

Project Title: Web-based Calculator Project

Description:

Create a simple yet functional calculator web application that users can access through
their web browsers. This project is perfect for beginners who want to learn web
development basics using HTML, CSS, and JavaScript.

Features you can include:

1)Basic Arithmetic Operations: Implement the core functionality of a calculator,


including addition, subtraction, multiplication, and division.

3
2)User Interface: Design a clean and user-friendly interface with buttons for numbers (0-
9), operators (+, -, *, /), and other essential keys (e.g., equals, clear).

3)Input Handling: Allow users to input numbers and operators by clicking the buttons
on the UI. Display the input expression and the result on the screen.

4)Error Handling: Implement error handling to manage scenarios such as division by


zero and invalid inputs.

5)Responsive Design: Ensure that the calculator works well on various screen sizes,
including desktops, tablets, and smartphones.

6)Clear Functionality: Include a clear button to reset the input and start a new
calculation.

7)User-Friendly Styling: Apply basic styling using CSS to make the calculator visually
appealing and easy to use.

Task Refrence- Calculator

WEB DEVELOPMENT INTERNSHIP (TASK 2)

Project Title: To-Do List Web Application

Project Description: Create a web-based to-do list application that allows users to
manage their tasks and stay organized. This project will involve building a user interface
to add, edit, and mark tasks as completed. It's a great way for beginners to learn about
web development using HTML, CSS, JavaScript, and potentially a backend technology
like Node.js.

4
Features you can include:

1)Task Management: Enable users to add, edit, and delete tasks on the to-do list.

2)Task Status: Allow users to mark tasks as completed or pending.

3)User Interface: Design a user-friendly interface with sections for adding tasks,
displaying the task list, and managing tasks.

4)Storage: Store tasks in the browser's local storage to persist data across sessions.

5)Priority Levels: Implement priority levels (e.g., high, medium, low) for tasks to help
users organize their to-do list.

6)Filtering and Sorting: Provide options to filter tasks by status (completed/pending)


and sort tasks by priority or due date.

7)Responsive Design: Ensure the application is responsive and works well on various
screen sizes.

Task Reference- To do list

WEB DEVELOPMENT INTERNSHIP (TASK 3)

Project Title: Personal Blog Website

Project Description:
Create a personal blog website where you can publish articles, stories, and thoughts on
various topics. This project will give you hands-on experience in web development,
including frontend design, backend development (optional), and content management.

Key Features:

5
1)Homepage: Design a welcoming homepage that showcases your latest articles and
provides a brief introduction about yourself.

2)Article Listings: Create a page where all your articles are listed with titles, excerpts,
and publication dates.

3)Article Pages: Develop individual pages for each article, displaying the full content,
author information, and comments (if implemented).

4)Navigation Menu: Include a navigation menu that allows visitors to access different
sections of the website, such as the homepage, articles, about page, and contact page.

5)About Page: Create a page where you introduce yourself, your interests, and the
purpose of your blog.

6)Contact Page: Design a contact form that allows visitors to send you messages or
inquiries.

Task Reference- Personal Blog

Remember tools are just a means to reach the desired results, it’s
all about the process, so feel free to use any technology or tool
you are comfortable with.

It’s up to you whether you Brainstorm, use your existing


knowledge , Google it or can take Reference from the above
mentioned links or can follow them step by step. The main goal
of these task is to make you learn and gain hands on experience.
Results of individual may vary and its absolutely fine. You can use
your creativity.

6
ASK FOR HELP!
1-THE PURPOSE OF THIS INTERNSHIP IS TO LEARN AND GROW
2-We have no desire to dictate to you. It is entirely up to you whether you seek
guidance or not.
3-The given tasks may seem very easy or very difficult. We expect you to
approach the tasks with professional diligence and give them the attention they
deserve.

7
CONNECT WITH US
LINKEDIN- Click here
MAIL- [email protected]
TELEGRAM- Click here

You might also like