Page 1 of 9

Lesson 1 – Introduction to Web Development (Part 1)

Objectives:

1. Understand what a web developer is.

2. Learn the fundamentals of web development.
3. Identify the 3 categories of web development.
4. Identify the 3 basic tools in the world of web development

Content:
What you know about:

 The internet
 Websites

To become a Web Developer, you should have an understanding of HTML, CSS, and JavaScript. It’s also
recommended to learn about CSS and CSS frameworks. Developing these fundamental web
development skills will give you the foundation and logic for communicating with programming
languages.

Learn Web Development Fundamentals

Source: Google Search

 Page 2 of 9

The best first step to becoming a Web Developer is to start learning web development fundamentals,
including an understanding of HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and
JavaScript.

Many aspiring Web Developers are now using coding bootcamps to fast-track the learning process.
Coding bootcamps have thrived because they are short, immersive, and focused on outcomes and
employment – their goal is to develop job-ready skills as efficiently as possible, making them an
increasingly worthwhile investment for a would-be Web Developer. According to the job site Indeed,
four out of five companies in the U.S. have hired a graduate from a coding bootcamp.

Ikigai Dojo Computer Coding Bootcamp Comes to Manila

In fact, the practical advantages of coding bootcamps are only getting clearer over time. For one thing,
the field of web development naturally attracts people from all other fields, many of them making mid-
career transitions – people for whom a clear and efficient path to skills expansion is a top priority.
Further, employers increasingly value skills and experience over education, placing anyone who can
prove their abilities on more equal footing with Developers holding a college degree.

It’s important to note that Web Developers – more than most other fields – must be committed to
ongoing learning to stay on top of changes in web development and programming languages, tools, and
trends. This makes mid-career retraining a must whether or not it’s the line of work you started out in.
 Page 3 of 9

Choose a Development Specialization

As you continue to grow your skills, you’ll need to choose an area of specialization. But what are the
types of web development? All Web Developers are categorized into three main types:

 Front-End Developer. A Front-End Developer works on the “client-side” of web development,

meaning any portion of the site or app that users interact with. This can include a site’s layout,
design, and the way users interact with it.
 Back-End Developer. A Back-End Developer works on the “server-side” of web development.
This is focused on the way a site functions and can include databases, servers, networks and
hosting, and more.
 Full-Stack Developer. A Full-Stack Developer is familiar with both front-and back-end
development and works with both sides of a website.

Learn Key Programming Languages for Web Development

Whatever your area of concentration, you’ll need to learn to code and know how to use a handful of
different programming languages for web development and web design. So, what are the most common
programming languages?

Source: Google Search

 Page 4 of 9

Three families of programming languages form the basic tools involved in virtually all aspects of web
development:

 HTML (Hypertext Markup Language)

 CSS (Cascading Style Sheets)
 JavaScript

Of course, the list goes on – these are just the beginning. In fact, web development is such a diverse and
varied field that the list of all the tasks it can include (and all the coding languages and markup
languages you might use to accomplish them) is too long to fit in this space. Fortunately, as a specialist,
you can find and concentrate on the ones that work best for you.

What Is Needed to Become a Web Developer?

Here are some of the things you’ll need to learn to become a Web Developer:

1. Foundations: Web Developers create websites, so to become a Web Developer, you should
develop a comprehensive understanding of how the web works. This will deepen your HTML
and CSS knowledge to build and style more advanced static web pages, using frameworks
such as Flexbox. It will also help you establish problem-solving practices and logic to
understand advanced programming concepts.
2. Programming fundamentals: Foundational knowledge of computer programming,
JavaScript, and object-oriented programming should be a starting point for aspiring Web
Developers, as it will improve your ability to write and build components.
3. Front-end frameworks: It’s important for aspiring Web Developers to learn how to use
React, a JavaScript framework, to build complex and dynamic web pages and professional-
level user interfaces.
4. Web servers: To become a Web Developer, you’ll need to know how to build servers using a
modern back-end framework and how to develop custom APIs and serve static websites and
files.
5. Server-side programming: It’s important for Web Developers to have an understanding of
Server-Side Rendering and Templating Engines, which are used to create empty page
templates populated with dynamic data, such as a series of product pages for an
eCommerce store.
6. Databases: Aspiring Web Developers will also have to understand core concepts around
data and learn how to manage databases and data on a web server.
 Page 5 of 9

Skills Required to Be a Web Developer

Although Web Developers need a mixture of education, soft skills, and technical skills, ultimately a core
job responsibility is writing code, and that means that any Web Developer must have advanced
programming skills with a thorough knowledge of any number of programming languages and libraries.
 Page 6 of 9

Even though specific duties will of course vary by job, all Web Developers should have a complete
understanding of programming languages including CSS, HTML (Hypertext Markup Language), and
JavaScript. If you have little experience writing code or you’ve only worked with one programming
language, you might consider attending a coding bootcamp or looking into other free online courses and
other resources that highlight steps you can take to become more proficient.

There are also certain back-end or front-end skills that all Web Developers should possess regardless of
where they tend to work. For example, it’s helpful for someone who works only on the front-end to
have database, cybersecurity or SQL experience.

Technical Web Developer Skills

There are a range of technical skills or “hard skills” required for web development.

First, it’s important that Web Developers build experience with the following programming languages:

1. HTML and CSS. Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) are the
foundation of any Web Developer’s knowledge. HTML is the standard markup language used for
creating web pages, while CSS enables you to program the appearance of the web page, with
things like colors and fonts. Learning HTML and CSS is crucial for any number of job roles, given
that taken together, HTML and CSS are the building blocks for web development.
2. JavaScript, which is often abbreviated as JS, is a crucial programming language, which enables
website functionality on both the front-end and back-end.
3. Structured Query Language (SQL) is a programming language that is designed to manage, query,
and manipulate data stored in a database.
4. Python is an object-oriented programming language. Learning Python is important for many
data science applications, including machine learning.
5. jQuery. A JS library that helps with the efficiency of JavaScript programming by providing a
library of common tasks in a compressed, single-line format.

Beyond programming languages and libraries, becoming comfortable with commonly used tools like Git,
or other version control software is a skill every experienced Web Developer should have. Version
control is a method of tracking different versions of code to ensure you can access it or restore it at any
time.

There are also a number of design skills that are useful for a successful Web Developer to have, with an
understanding of responsive design being perhaps the most crucial. Responsive design is a method of
web design that ensures a website responds to the screen size or platform used to view the content.
With over 52 percent of global web traffic coming from mobile phones, 43 percent from desktop, and
the remainder from tablets, the screen size used to view websites is extremely varied. To ensure that
the experience is seamless across all platforms and screen sizes, Developers must be fluent in responsive
design.
 Page 7 of 9

While Web Developers are not typically tasked with the overall site design (that would be the job of a
Web Designer), it’s an advantage for Developers to also have a solid understanding of common design
principles (including user experience design and user interface design). Front-End Developers, in
particular, program the screens that users interact with – they can be far more successful with a good
grasp of user-centered design. With SEO looming as an increasingly important part of many companies’
overall tech strategy, it will also make you a better Web Developer to understand how site organization,
architecture, and speed will help or hurt overall SEO efforts.

Soft Web Developer Skills

Web Developers must work with diverse teams, there are also a number “soft skills” that are important
to develop. Here are some of the most important soft skills for Web Developers:

1. Communication. From design, to marketing, to management, Web Developers are in

communication with a host of departments to create products and services. Effective
communication and interpersonal skills are essential to stay on track and complete projects. And
for a freelance Web Developer, written communication skills are even more important.
2. Problem-solving. Because a portion of every Developer’s day involves debugging and
maintenance, problem-solving skills are high on the list of requirements. Web Developers earn a
living by thinking critically and finding creative workarounds and solutions where others have
failed. They’ll also have to work independently when need be.
3. Time management. Web Developers are frequently tasked with multiple short-term and long-
term projects in the web development process, and must know how to prioritize tasks and
accurately gauge time-to-completion. Having excellent time management skills also makes
working with large teams easier, resulting in timely project delivery.
4. Analytical skills. Good Web Developers are problem solvers, and being able to work backward
through a project to spot areas for improvement is key. It’s also helpful to have a head for data

Teachers Activity:
Ask Question
Show Presentation
Demonstration
Show video:
https://www.youtube.com/watch?v=ysEN5RaKOlA

Reference:

https://www.google.com/
https://www.youtube.com/
https://brainstation.io/career-guides/how-to-become-a-web-developer
 Page 8 of 9

Assessment 1-1:
Written Test:

Test I: True or False. Write the letter T if the statement is true and letter F if the statement is false on the
space provided.

_________ 1. Good Web Developers are problem solvers, and being able to work backward
through a project to spot areas for improvement is key.
_________ 2. From design, to marketing, to management, Web Developers are in
communication with a host of departments to create products and services.
_________ 3. it’s an advantage for Developers to also have a solid understanding of common
design principles.
_________ 4. CSS is an object-oriented programming language. Learning CSS is important for
many data science applications, including machine learning.
_________ 5. JavaScript, which is often abbreviated as JS, is a crucial programming language,
which enables website functionality on both the front-end and back-end.
_________ 6. HTML and CSS. Hypertext Markup Language (HTML) and Cascading Style Sheets
(CSS) are the foundation of any Web Developer’s knowledge.
_________ 7. Whatever your area of concentration, you’ll need to learn to code and know how
to use a handful of different programming languages for web development and
web design.
_________ 8. The best first step to becoming a Web Developer is to start learning web
development fundamentals, including an understanding of HTML (Hypertext
Markup Language) only.
_________ 9. Foundational knowledge of computer programming, JavaScript, and object-
oriented programming should be a starting point for aspiring Web Developers, as it
will improve your ability to write and build components.
_________ 10. It’s important to note that Web Developers – more than most other fields – must
be committed to ongoing learning to stay on top of changes in web development
and programming languages, tools, and trends.

Test II: Enumeration

A. Soft Web Development Skills

1. ______________________________
2. ______________________________
3. ______________________________
4. ______________________________

B. 3 Key programming language for a Web Developer

1. ______________________________
2. ______________________________
 Page 9 of 9

3. ______________________________

C. Category of Web Developer

1. ______________________________
2. ______________________________
3. ______________________________