St.

Bridget College
Batangas City
INTEGRATED BASIC EDUCATION DEPARTMENT
PAASCU Accredited
Contact Nos. (043) 980-5669 or (043) 722-2950

Subject: Computer
Grade Level: 10
Unit 1: A Career in Web Development
Lesson 3: Starting a Career

Content Standard
The learner demonstrates understanding of the three types of web developers, traits and skills, and the
career opportunities, challenges, and working environment and conditions.

Performance Standard
The learner creates a presentation and assess oneself and determine whether if you have the traits and
skills of a good web developer.

Formation Standard
The learner becomes self-reflective in assessing oneself of the traits and skills of a good web
developer.

Essential Question:
1. What are the three types of web developers?
2. Why is it important to develop certain characteristics and skills to be a good web developer?

Enduring Understanding:
1. They are divided into 3 main types—the front-end developers, backend developers, and full stack
developers.
2. To succeed, one must possess and develop certain characteristics and skills necessary in this field.
Undergoing on trainings is also helpful. Similar to other fields, working in web development has also its
ups and downs.

Learning Targets
Acquisition:
Describe the working environment and conditions in the field of web development.

Meaning Making
Explain the responsibilities of a web developer.

Transfer
Create a presentation and assess oneself and determine whether if you have the traits and skills of a
good web developer.

1. Introduction
Web developers refer to people who either take or create a web design then turn it into website.
They are responsible for the code of websites and web-based services.
In this module, you will learn the responsibilities of a web developer, what skills and education
are needed, different career opportunities and challenges, and the working environment and conditions.
It will help you assess oneself and determine whether if you have the traits and skills of a good web
developer.
At the end of this module, you are expected to:
1. differentiate the three types of web developers.
2. identify the skills and traits of a good web developer
3. determine the career’s opportunities and challenges and challenges
4. describe their working environment and conditions.

2. Anticipatory Set
REVIEW
To review the previous lesson, answer the following questions:
1. How the web works?
2. What is web development?
3. Why web development started to bloom?
4. What are the different phases of web development life cycle?
5. How important is web development in our daily life?
6. What are the reasons for cyberattacks?

SCRAMBLED LETTERS
Study the scrambled letters and try to unscramble or rearrange the letters to form a word.

1. K L I L S - ______________
2. N E V R O N T I E N M - ______________
3. L O V E D E R P E - ______________
4. G N I N I A R T - ______________
5. X I B F E L T I Y I L - ______________
6. D E S E P - ______________
7. N O R F T – D E N - ______________
8. R O U S H - ______________
9. E N D K C A B - ______________
10. R E C A E R - ______________

3. Learning Activities
A. iTRY
Answer the “iTRY” activity on page 22 of your Textbook.

Answer the question below by sharing your thoughts.

Do you see yourself as a web developer or programmer in the future? Why or why not?
If yes, what will you do to achieve it?
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________

B. READ AND LEARN

Read Lesson 3 Starting a Career in your textbook pp. 23-30.

C. PRESENTATION OF LESSON
To discuss the lesson, there will be synchronous learning using Zoom.

Guide Questions:
1. What is the difference between web developers and web designers?
2. What are the different types of web developers? Explain each.
3. Why is it necessary to undergo trainings in web technologies and programming languages
when working as a web developer?

4. Why technical and soft skills are both important as a web developer?
 5. What are the characteristics of a good web developer?
6. Why web developers need to adapt with the changes in web development?
7. Can you describe the working environment of a web developer?

D. iLAB ACTIVITY
To deepen your understanding about the lesson, perform the following activities:

iLAB 3A
PERFORMANCE TASK
I AM A WEB DEVELOPER
For this activity, you will use Microsoft PowerPoint to create a presentation about yourself as a
web developer. Follow the step-by-step instructions to produce the expected output. Submit and upload
your presentation in your CLE Assignment (I AM A WEB DEVELOPER)
1. Create a presentation about yourself as a web developer.
2. Include your name, grade and section on the first slide.
3. In your presentation, indicate “I Am A Developer”.
4. If you would be a developer, which of the following will you choose?
Elaborate your answer.
A. Types of Web Developers
 Front-End
 Backend
 Full Stack
B. Skills
 Technical Skills (You can choose one or more)
 Software Programs
 Soft Skills (You can choose one or more)
5. What are the traits or characteristics of a good programmer you think you possess?
Why? (VALUES INTEGRATION)
6. Cite all your references on the last slide of your presentation.
7. Express your creativity in doing your task.

Rubric
CATEGORY 8-10 5-7 2-4 Points
There is logical There some logical There is no logical
sequence of sequence of sequence of
Organization information. Title slide information. information.
and closing slide are
included.
Presentation covers Presentation include Presentation includes
topic completely and in some essential little essential
Content depth. Information is information. Some information. Information
clear, appropriate, and information is is confusing, or
accurate. confusing or incorrect. inaccurate.
Spelling, grammar, There are minor There are persistent
capitalization, problems in spelling, errors in spelling,
Language punctuation usage are grammar, grammar, capitalization,
accurate. capitalization, and and punctuation usage.
punctuation usage.
Presentation is Presentation is Little to no attempt has
attractive and somewhat and been made to make
Appearance appealing to the appealing to the presentation appealing
viewers. viewers. to viewers.
Total Score
4. Formative Assessment
Target Goal: 90% of the students will get at least 85% on the Formative Assessment.

To check your understanding of the topic, answer the iWORKSHEET 3A (Multiple Choice) and
iWORKSHEET 3B (Multiple Response) using CLE Interactive Content and Quiz.

iWORKSHEET 3A
Multiple Choice: Read the sentences carefully and choose the correct answers from the given
choices.

1. Which of these refers to the process of developing the face of a website or application that users
interact with.
A. Backend Development B. Full Stack Developers C. Front-End Development

2. What term refers to the people who focus on the website’s appearance and feel?
A. Information architects B. Web developers C. Web designers

3. What refers to the interpersonal or people skills, personality traits and work habits that enable people
to work productively?
A. Moderate Skills B. Soft Skills C. Strong Skills

4. Which of these refers to having an ever-changing and ever-increasing skill set?

A. Security B. User experience C. Talent

5. Which challenge states that a developer must not be limited to only building every feature into an
application?
A. Multi-platform B. Over-saturation C. Integration

6. Which degree is typically required for advancement to a project manager role or backend
development positions?
A. Master’s degree B Bachelor’s degree C. Doctorate degree

7. What term is used to refer to the people who focus on the website’s organization?
A. web developers B. Web designers C. Information architects

8. What is the process of creating the actual logic behind a website or application?
A. Full stack developers B. Backend development C. Front-end development

9. Which aspect of working environments provides limited responsibilities for the work done by other
developers?
A. Interpersonal relationships B. Work Performance C. Physical Work Conditions

10. Which working environment and conditions affect the locations that an employee will work in?
A. Interpersonal Relationships B. Work Performance C. Physical Work Conditions

iWORKSHEET 2B
Multiple Response: Click all the possible correct answers from the given choices.

1-4) Enumerate four tips for aspiring developers

a. Physical Work Conditions

b. Contribute to open-source projects
c. Schedule regular downtime
 d. Teach others
e. Write codes as often as possible

5-8) Identify four working environments and conditions

a. Physical Work Conditions

b. Interpersonal Relationships
c. Hours
d. User experience
e. Work Performance

9-10) Identify two soft skills for aspiring developers

a. Credibility
b. Detail-oriented
c. Accessibility
d. Self-starter attitude
e. Coding

5. Reflect
MY REFLECTION NOTES
Write a short reflection about your experiences in learning. Use these process questions as your
guide:
What did you find as the most important learning in this module?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

What new realizations do you have about the topic?

___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

6. Online Summative Assessment

I. Identification: Read the sentences carefully. Identify and choose the answer on the box. Write your
answer on the blank.

________________1. The process of creating layouts for a webpage or website.

________________2. Standard markup language for creating webpages.
________________3. A web builder developed to create HTML5 websites and mobile sites.
________________4. The initial stage in web development life cycle.
________________5. The process of building and maintaining websites hosted on the internet.
________________6. It is done to communicate or convey a message to the target audience.
________________7. A security risk that occurs when a website fails to filter untrusted data or input.
________________8. It is created for malicious purposes and can infect both computers and websites.
________________9. The actual design users see and directly interact with.
________________10. The programming logic that users cannot see but makes a website works.
________________11. Types of web developers that work with both front-end and backend of a
website.
________________12. The interpersonal skills that enable people to work productively.
________________13. The act of protecting websites from unauthorized access and modification.
________________14. A free online open-source website creation tool and a CMS.
________________15. A series of computers connected by millions of cables.

II. True or False: Write True if the statement is correct, and write false if otherwise. Write your answer
on the blank.
___________1. In creating a website, focus only on the exterior aspect of the website.
___________2. Use white space to provide user’s a break.
___________3. The navigation and interface of a website should be extravagant.
___________4. Web development is one of the youngest and profitable industries in the world.
___________5. Web development cycle refers to the methodologies followed by developers.
___________6. The navigation of website should be quick and easy.
___________7. A developer should not accept the criticisms and advices from peers and client.
___________8. No need to updates current websites to meet web standards.
___________9. Works well under pressure is one of the technical skills of a developer.
___________10. Developers mostly work for a minimum of 40 hours per week.

7. Closure
Exit Ticket
Write your learnings about the lesson discussed. Be ready to share your answer in the class.
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
References

Arlene A. Velasquez et. al. “Programming Using Web Technology” iBook IT Series Textbook 2019 Ed.
iBook Publishing, Inc.

Programming Using Web Technology Interactive Courseware

https://www.pptwork.com/powerpoint-rubric-template - Rubric