Lesson 1

Intro to Web development

Objectives:

1. To introduce the web development program.

2. To give an overview about HTML, CSS, and JavaScript

Web development is the act of building, creating and maintaining websites (Rabbolini 2023) for an intranet (private) or for an internet (public).

Web development is closely related to the job of designing the features and functionality of websites and apps (often called “web design”), but the “web development” term is usually reserved for the actual construction and programming of websites and apps.

Consider all the websites you have used over the years. Web developers created those sites, ensuring that they worked properly and provided a wonderful user experience. Depending on the activities they are carrying out and the platforms they are working on, web developers use different programming languages to write lines of code.

What Are the Most Common Programming Languages?

• HTML (Hypertext Markup Language)

• CSS (Cascading Style Sheets)

• JavaScript

Types of Web Development

front-end development-  Front-end web developers concentrate on turning website design and visual concepts into code. A front-end software developer serves as a link between design and technology by programming the design concepts developed by others on web development teams.

back-end development - A Back-End Developer creates the basic framework of a website before maintaining it and ensuring it performs the way it should, including database interactions, user authentication, server, network and hosting configuration, and business logic. Working behind the scenes – or server-side – Back End Developers are concerned with the systems and structures that allow computer applications to perform as desired.

full-stack development - A Full-Stack Developer is someone familiar with both front- and back-end development. Full Stack Developers usually understand a wide variety of programming languages and because of their versatility, they might be given more of a leadership role on projects than developers who specialize. They are generalists, adept at wearing both hats, and familiar with every layer of development. Obviously, employers want to hire Full-Stack Developers – according to an Indeed study, they are the fourth-most in-demand job in tech.

What is HTML?

HTML stands for Hyper Text Markup Language

HTML is the standard markup language for creating Web pages

HTML describes the structure of a Web page

HTML consists of a series of elements

HTML elements tell the browser how to display the content

HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

The HTML Element

An HTML element is defined by a start tag, some content, and an end tag:

<tagname> Content goes here... </tagname>

The HTML element is everything from the start tag to the end tag:

example:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

HTML Editors

Web pages can be created and modified by using professional HTML editors.

However, for learning HTML it is recommended to use a simple text editor like Notepad (Windows) or TextEdit (Mac) using a simple text editor is a good way to learn HTML.

Text Editors

1. Notepad (Windows)

2. TextEdit(Mac)

3. Sublime

4. VSCode