Scribd
Upload
16 views

Exploring Front-End Web Development

Uploaded by

Ayomide Kola-ogunlade
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
16 views

Exploring Front-End Web Development

Uploaded by

Ayomide Kola-ogunlade
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 12

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

You might also like