Contents
Catalog Links

ITN 260 Web Technologies

This course introduces core front-end web technologies used in the development of websites and applications. Fundamentals of HTML (hypertext markup language (HTML)), CSS (cascading style sheets (CSS)), and JavaScript to create responsive, accessible, and interactive websites is presented. Emphasis is placed on industry standards, web accessibility, mobile responsiveness, user-centered design, and best practices in development. This course prepares students for advanced coursework in web application and mobile application development.

Credits

3

Prerequisite

ITN 160

See Course Syllabus

Course Number and Title:

ITN 260 Web Technologies

Campus Location

  • Dover
  • Georgetown
  • Wilmington

Effective Date

202751

Prerequisites

ITN 160

Course Credits and Hours

3 credit(s)

2 lecture hours/week

2 lab hours/week

0 offsite lab hours

Course Description

This course introduces core front-end web technologies used in the development of websites and applications. Fundamentals of HTML (hypertext markup language (HTML)), CSS (cascading style sheets (CSS)), and JavaScript to create responsive, accessible, and interactive websites is presented. Emphasis is placed on industry standards, web accessibility, mobile responsiveness, user-centered design, and best practices in development. This course prepares students for advanced coursework in web application and mobile application development.

Additional Materials

Access to high-speed Internet and 250MB of free disk space.

Required Text(s)

Obtain current textbook information by viewing the campus bookstore - https://www.dtcc.edu/bookstores online or visit a campus bookstore. Check your course schedule for the course number and section.

Disclaimer

None.

Core Course Performance Objectives (CCPOs)

  1. Demonstrate proficiency in building well-structured, semantic web content using HTML, while applying modern CSS techniques to create visually appealing and responsive layouts. (CCC 1, 2, 5; PGC 1, 2, 4)
  2. Use JavaScript to create interactive and dynamic web pages while applying debugging tools and best practices to effectively troubleshoot front-end code. (CCC 2, 3, 4, 6; PGC 1, 3, 4)
  3. Validate user input through client-side form handling using JavaScript. (CCC 2, 4, 6; PGC 1, 3)
  4. Integrate external data using JavaScript and APIs. (CCC 2, 5, 6; PGC 1, 3, 4)
  5. Design and develop a complete, responsive website from concept to deployment. (CCC 1, 2, 3, 4, 5; PGC 1, 3, 4, 5)

See Core Curriculum Competencies and Program Graduate Competencies at the end of the syllabus. CCPOs are linked to every competency they develop.

Measurable Performance Objectives (MPOs)

Upon completion of this course, the student will:

  1. Demonstrate proficiency in building well-structured, semantic web content using HTML, while applying modern CSS techniques to create visually appealing and responsive layouts.
    1. Explain the fundamentals of web development and web-enabled languages.
    2. Discuss the syntax and capabilities of HTML, CSS, and JavaScript.
    3. Explain the purpose of HTML, CSS, JavaScript, and Front-End Frameworks.
    4. Identify the characteristics and importance of user-centered web design.
    5. Explain the interaction between web browsers and web servers.
  2. Use JavaScript to create interactive and dynamic web pages while applying debugging tools and best practices to effectively troubleshoot front-end code.
    1. Create interactive page components using DOM (document object model (DOM)) manipulation and event handling.
    2. Demonstrate use of variables, operators, and functions to create interactivity in JavaScript.
    3. Apply input validation and basic error handling in JavaScript.
    4. Integrate JavaScript to dynamically respond to user inputs and actions.
    5. Evaluate and debug HTML, CSS, and JavaScript code using browser developer tools.
    6. Test pages for usability, accessibility, and responsive behavior.
    7. Optimize website performance and maintainability.
  3. Validate user input through client-side form handling using JavaScript.
    1. Apply JavaScript to handle and validate user input through client-side forms.
    2. Implement logic to detect and prevent invalid or incomplete form submissions.
    3. Employ best practices for secure and user-friendly form interactions.
  4. Integrate external data using JavaScript and APIs.
    1. Retrieve and manipulate data from external APIs using JavaScript.
    2. Display and update dynamic content on web pages based on API responses.
    3. Apply asynchronous programming concepts to manage API data.
  5. Design and develop a complete, responsive website from concept to deployment.
    1. Design a user interface/user experience (UI/UX) based on accessibility guidelines and standards.
    2. Create wireframes and sitemaps as part of the design process.
    3. Implement responsive UI/UX design using Bootstrap or other frameworks.
    4. Use secure file transfer or GitHub Pages to deploy static web projects.
    5. Document projects using effective and professional techniques.

Evaluation Criteria/Policies

The grade will be determined using the Delaware Tech grading system:

90-100 = A
80-89 = B
70-79 = C
0-69 = F
Students should refer to the Catalog/Student Handbook for information on the Academic Standing Policy, the Academic Integrity Policy, Student Rights and Responsibilities, and other policies relevant to their academic progress.

Final Course Grade

Calculated using the following weighted average

Evaluation Measure

Percentage of final grade

Summative Assessments

Final Project

20%

Unit Projects (equally weighted)

40%

Formative Assessments

The course will contain various formative assessments including but not limited to:

  • assignments
  • quizzes
  • discussions
  • group activities


40%

TOTAL

100%

Program Graduate Competencies (PGCs are the competencies every graduate will develop specific to his or her major)

  1. Solve technology-related problems using critical thinking and troubleshooting skills.
  2. Articulate the role of the technology professional in organizations to support the ethical use of information technology.
  3. Apply fundamental security concepts and strategies for maintaining and securing information technology.
  4. Read and interpret technical information and effectively communicate to a wide range of audiences using oral, print, and multimedia strategies.
  5. Demonstrate the importance of lifelong learning that empowers personal and professional growth.

Core Curriculum Competencies (CCCs are the competencies every graduate will develop)

  1. Apply clear and effective communication skills.
  2. Use critical thinking to solve problems.
  3. Collaborate to achieve a common goal.
  4. Demonstrate professional and ethical conduct.
  5. Use information literacy for effective vocational and/or academic research.
  6. Apply quantitative reasoning and/or scientific inquiry to solve practical problems.

Students in Need of Accommodations Due to a Disability

We value all individuals and provide an inclusive environment that fosters equity and student success. The College is committed to providing reasonable accommodations for students with disabilities. Students are encouraged to schedule an appointment with the campus Disabilities Support Counselor to request an accommodation needed due to a disability. The College's policy on accommodations for persons with disabilities can be found in the College's Guide to Requesting Academic Accommodations and/or Auxiliary Aids Students may also access the Guide and contact information for Disabilities Support Counselors through the Student Resources web page under Disabilities Support Services, or visit the campus Advising Center.

Minimum Technology Requirements

Minimum technology requirements for online, hybrid, video conferencing and web conferencing courses.

Academic Integrity

https://dtcc.smartcatalogiq.com/Current/Catalog/Academics/Academic-Integrity

Attendance

https://dtcc.smartcatalogiq.com/current/catalog/academics/attendance

Cell phone/Electronic Device

https://dtcc.smartcatalogiq.com/Current/Catalog/Student-Policy/Cell-Phone-and-Electronic-Device-Policy

Tuition Adjustment Policy

https://dtcc.smartcatalogiq.com/Current/Catalog/Financial/Tuition-Fee-Adjustment-Policy-Course-or-Semester-Withdrawal