Photo by Fotis Fotopoulos on Unsplash

If you are a developer just learning to code with a desire to focus on web development but confused on what path to take. Be that front-end or back-end web development or perhaps you have already started your journey and are questioning whether you are on the right path? This would be a good article for you to read. It’s important to have a good understanding of both front-end and back-end web development when starting.

Introduction

Front-end development is commonly referred to as client-side development and that focuses on everything that you see, experience, and interact with on a website or…


Photo by Pixabay on Pexels

The Web is not the Internet

Most people have gotten accustomed to using the terms “internet” and “web” interchangeably. Although the net and web are married to each other, they are fundamentally different. In simple terms, the internet is the connection between countless, separate servers, computers, and devices, as I explain in detail here. While the World Wide Web or Web is just a common digital space for information exchange, facilitated by global computer networks or the Internet, you connect to the Internet to access the web. The Web is the medium where we edit, discover, and share information — through links — according to a…


Photo by Pixabay on Pexels

We use the internet every day and it has become such an integral part of our lives that we often take it for granted. As web developers and casual internet users, before we start developing websites and apps for people to access through the internet, we must understand the fundamentals of how the internet works.

Vinton Cerf and Robert Kahn made communication possible by inventing the internet in 1970.

What is the Internet?

The internet is ubiquitous and still, a lot of us think of it as a cloud, satellite, something hanging around in the sky, that is super complex and difficult to understand…


Source from Google

The descriptions below are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of FreeCodeCamp Responsive Websites.

Introduction

FreeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications, and local organizations that intend to make learning web development accessible to anyone. Beginning with tutorials that introduce students to HTML, CSS, and JavaScript, students progress to project assignments that they complete either alone or in pairs. …


Source from Google

The descriptions below are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of SASS.

Introduction

A preprocessor is a program that processes its input data to produce output that is used as input to another program (wikipedia).

A CSS preprocessor is a program that lets you generate CSS from the preprocessor’s own unique syntax. There are many CSS preprocessors to choose from, however most CSS preprocessors will add some features that don’t exist in pure CSS, such as mixin, nesting selector, variables, functions, inheritance selector, and so on.

Sass is the most mature, stable…


Source from Google

The descriptions below are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of Modern Website Design.

Introduction

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design (UI design); authoring, including standardized code and proprietary software; user experience design (UX design); and search engine optimization.

What is Web Design

The term “web design” is normally used to describe the design process relating to the front-end (client-side) design of a website including writing markup. Web design refers to the design of…


Source from Google

The descriptions above are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of Mobile First Websites.

Introduction

A mobile-first approach involves designing a desktop site starting with the mobile version, which is then adapted to larger screens (contrary to the traditional approach of starting with a desktop site and then adapting it to smaller screens).

What is Mobile First?

Mobile First means designing an online experience for mobile before designing it for the desktop Web or any other device.

I have completed 70 days in the 100 Days of Code Challenge. …


Source from Google

The descriptions above are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of CSS Framework (Bootstrap 5).

Introduction

A CSS framework is a library allowing for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid. More functional frameworks also come with more features and additional JavaScript-based functions, but are mostly design-oriented and focused around interactive UI patterns. This detail differentiates CSS frameworks from other JavaScript frameworks.

What is Bootstrap?

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains…


Source from Google

The descriptions above are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of CSS Illustration.

Introduction

An illustration is a visual imagery that is best known for interpreting, depicting, explaining, and/or decorating the words in books, newspapers, and online media. Illustrations are the drawings you find to make websites and apps more user-friendly (think emojis).

What is CSS Illustration?

CSS Illustration is essentially designing a vector graphic but instead of using vector illustration software (i.e …


Source from Google

The descriptions below are a brief overview of the topic. Go through the recommended resources to get in-depth explanations of CSS Animation.

Introduction

Animation is a method in which figures are manipulated to appear as moving images. It is the capturing of sequential, static images, drawings or photos of inanimate objects and playing them in rapid succession to mimic real world motion.

What is CSS Animation?

CSS Animation makes it possible to animate transitions from one CSS style configuration to another. …

Lanre Fagbeyiro

Front-end Developer | UI Designer | Fitness Enthusiast

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store