EXPLORING FRONT-END
WEB DEVELOPMENT
A Student Industrial Work Experience Scheme
Undertaken at SQI College of ICT, Dugbe
BY
Adewole Ayonitemi Adedamola
DU0363
BRIEF HISTORY AND ORGANOGRAM OF THE
ORGANIZATION
• It was established in the year
2008
• Vision: To make Africa a tech
continent one mind at a time
• The main Branch is along the Old
Oyo-Ogbomosho road.
• Branch Expansion to Ibadan and
Abeokuta in the year 2020 and
2022 respectively
• There are a total of 5 branches.
TRAINING ACQUIRED
• How to use a code editor (VS code)
• How to use chrome extensions
• Basics of web development
• Styling a webpage
• Animation
• How to use CSS library
• How to use a version control system.
• How to deploy websites.
• How to use CLI
TOOLS REQUIRED FOR WEB DEVELOPMENT
• Visual Studio Code, is an open-source code editor
developed by Microsoft used for writing, editing,
and debugging code across various programming
languages.
• HTML is the standard language used to create and
design web pages.
• CSS is a styling sheet used to control the
presentation and layout of HTML documents.
• GitHub is a developer platform that allows
developers to create, store, and manage their code
• Bootstrap is a free and open-source CSS framework
directed at responsive, mobile-first front-end web
development
PROJECTS DONE
• Gaming Website
• Tesla landing page
• Netflix landing page
• WhatsApp User interface
• Google Chrome Landing page
• Freelancer.com landing page clone
• Spotify Clone
GAMING WEBSITE
• This was one of the first projects we did in SQI
It consists of a landing page, login
page, sign-up page and a home page
which talks briefly about some games
and a short trailer about the game.
This project was focused mainly on
User interface and design, not
functionality
TESLA LANDING PAGE
This is the landing page of TESLA.COM
The landing page of Tesla.com exhibits
resemblances to the original site in its
attributes. While it was crafted to
ensure responsiveness across various
devices, it doesn't encompass all the
functionalities present on the original
site.
NETFLIX LANDING PAGE
This clone was created
with the intention of
demonstrating and
teaching the application
and concept of gradients
as a CSS property.
WHATSAPP USER INTERFACE
This is a clone of WhatsApp User
Interface
SPOTIFY CLONE
This project involves cloning
six pages from the renowned
music streaming platform,
Spotify. The task specifically
required replicating the
appearance and layout of the
existing site without
implementing its operational
functionalities.
CONCLUSION AND RECOMMENDATION
• CONCLUSION
This training program significantly expanded my understanding of
web development while also fostering better interpersonal
relationships. It played a pivotal role in cultivating a positive work
ethic and an eagerness for continuous learning.
• RECOMMENDATIONS
I strongly advocate that students prioritize their participation in
SIWES. This experience holds immense value, shaping a substantial
and impactful foundation for their career journey.
THANK YOU
