IT314-WST-samples - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #llm #golang #docker #macos #cli #kubernetes #vue #pytorch #security #open-source

IT314-WST-samples

(★ 59)

A collection of code samples for IT 314: Web Systems and Technologies course.

파일 탐색기

최종 버전 다운로드 (.zip)

- IT-314.png
- class-id.html
- eiffel.jpg
- favicon.html
- forms.html
- html-classes.html
- htmlclass.html
- htmlid.html
- htmlsameclass.html
- id-attrib.html
- inline.html
- listings.html
- lists.html
- louvre.jpg
- meta.html
- paris.html
- sample-2.html
- sample-list.html
- sample1.html
- semantics-2.html
- semantics.html
- span.html
- tables.html
- - page.html
  - style.css
- - index1.html
  - styling.css
  - test.html
- - style.css
  - vision-board.html
- eq-analysis.js
- increment-decrement.js
- operators.js
- prompt.js
- array-destructuring.js
- default-parameters.js
- sliceString.js
- slicing.js
- spread-operator.js
- tempCodeRunnerFile.js
- template-literals.js
- - about.html
  - script.js
  - styling.css
- flexbox-test.html
- fluid-grids.html
- styling.css
- demo2024-sept-02.html
- schedule.html
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![IT-314](https://github.com/user-attachments/assets/cd6df4d7-cd6b-4283-8212-dff23c251d59)
# WEB SYSTEMS AND TECHNOLOGIES
by: **Fatima Marie P. Agdon, MSCS** <br>
Note: This is still ongoing, and will have updates as the course progresses.<br>
Don't forget to give this a ⭐!

# 👋🏻 Greetings!
Welcome to the **IT 314: Web Systems and Technologies** course! 🌐🧡💙💛<br>

This course offers a comprehensive foundation in web development, focusing on the essential technologies of HTML, CSS, and JavaScript. You will learn to create responsive, interactive, and visually appealing web pages, gaining the skills needed to build modern web applications.

# 🎯 Course Outline
- Lesson 1: **HYPERTEXT MARKUP LANGUAGE**
    - Re-introduction to HTML
    - HTML Head
    - HTML Forms
    - HTML Semantics
- Lesson 2: **CASCADING STYLE SHEETS**
    - Introduction to CSS
    - CSS Selectors
    - CSS Styles
    - CSS Text Styling
    - CSS Fonts and Web Typography
    - CSS Backgrounds
    - CSS Borders
    - CSS Colors
    - Units of Measurement
- Lesson 3: **JAVASCRIPT**
    - Introduction to JavaScript
    - JS Syntax, Structures, Variables, Input/Output
    - JS Operators
    - JS Flow Control - Conditionals, Loops
    - JS Arrays and Array Methods
    - JS Functions, Parameters, Arguments, Return Values
    - JS Global and Local Scope
    - JS Variable Hoisting and its Implications
- Lesson 4: **DOM MANIPULATION AND EVENT HANDLING**
    - JS Form Validation Basics
    - JS Form Validation and Event Handling
    - JS Error Messages		
    - Modifying Inline Styles with JS
    - Manipulating CSS Classes with JS
    - JS Attribute Manipulation
- Lesson 5: **JAVASCRIPT ES6**
    - Introduction to JavaScript ES6
    - Template Literals for String Interpolation
    - String Methods in ES6
    - Array Iteration Methods in ES6
    - Arrow Functions in ES6
- Lesson 6: **BUILDING RESPONSIVE WEB DESIGN**
    - Introduction to Responsive Web Design
    - Flexbox Basics
    - Creating Flexible Layouts with Flexbox
    - CSS Grid Fundamentals
    - Building Grid-based Layouts with CSS Grid