Dom's Guide to Front-End Development - Learn the Latest Tools in Front End Development

Dom's Guide to Front-End Development - Learn the Latest Tools in Front End Development

Basics of Front-End Development

PublishedJune 17, 2023

•1 min read

Basics of Front-End Development

Dominic DeJesus

I am a Developer on the East coast bringing ideas to life from inception to completion.

Welcome to Dom's guide to front-end development! This is the first post in a series designed to introduce you to the world of front-end development.

What is Front-End Development?

Front-end development is the process of creating the visible part of a website or web application, the part that users interact with. It involves coding with languages like HTML, CSS, and JavaScript.

The Front-End Development Trifecta: HTML, CSS, JavaScript

HTML (Hyper Text Markup Language): This is the backbone of any web page. It structures and organizes the content of a webpage.
CSS (Cascading Style Sheets): CSS makes our website look good. It's used to style and layout web pages — for example, to change fonts, colors, and animations.
JavaScript: JavaScript makes web pages interactive. If a web page is a static picture, JavaScript is the animation that brings it to life.

Stay tuned for the upcoming posts in this series where we'll dive deeper into modern front-end development tools like React, Next.js, and Tailwind CSS!

Keep coding and see you in the next post!

#frontend-development

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Embracing Open Source for Front-End Excellence: A Look at Shadcn's Award-Winning Tools

In "Trends in Front End with Dom," we're passionate about uncovering the tools that are redefining our field. Today, we turn our spotlight on the realm of open source, inspired by Shadcn's tool, a beacon of innovation and community-driven excellence....

Jan 10, 20242 min read

Embracing Open Source for Front-End Excellence: A Look at Shadcn's Award-Winning Tools

Revolutionizing Front-End Development: An Introduction to Vercel's Generative UI, v0

In the dynamic world of web development, staying ahead means adapting quickly. Developer trends update so fast, and to stay relevant, learning some AI tools is essential. That's where "Trends in Front End with Dom" comes in, and today, we're diving i...

Jan 9, 20242 min read

Revolutionizing Front-End Development: An Introduction to Vercel's Generative UI, v0

Harnessing the Power of Headless CMS: A Strapi Story

In the evolving landscape of web development, the headless CMS approach is reshaping how businesses build their digital experiences. "Trends in Front End with Dom" brings you into the world of Strapi, a tool that revolutionized my view on headless co...

Jan 8, 20243 min read

Harnessing the Power of Headless CMS: A Strapi Story

Building a Simple App with React

Let's create a simple to-do list app using React. Our app will have the capability to add tasks, mark them as done, and delete them. We'll use the useState hook for state management. First, we'll set up our basic React structure: import React, { useS...

Jun 18, 20232 min read

Building a Simple App with React

React State Management: Hooks vs. Redux

Hello again! Today in Dom's guide to front-end development, we're focusing on a significant aspect of React - state management. Specifically, we'll compare two popular techniques: Hooks and Redux. React State Management In React, state refers to a st...

Jun 17, 20231 min read

React State Management: Hooks vs. Redux

Dom's Guide to Front-End Development - Learn the Latest Tools in Front End Development

10 posts

Hello, I'm Dom, I am a developer working on shaping the future of development. Dive into AI, Web Development, and the latest trends both newcomers and veterans in the tech world are welcome.