SYST10049
  • Web Environment
  • Introduction
  • Client/server environment
  • Internet & Protocols
  • Internet: backbone of the Web
  • TCP/IP protocol suite
  • URL (Uniform Resource Locator)
  • FTP (File transfer protocol)
  • The Web
  • How the web works
  • HTTP request and response
  • Browsers & other User Agents
  • Search engine
  • Web browser
  • Web browser performance
  • How browser parses files
  • What good web page needs
  • File systems & Namespaces
  • File System (FS)
  • File types
  • File naming conventions
  • Protecting a website
  • File organization & navigation
  • File organization
  • File navigation (pathnames)
  1. Web Environment
  2. Introduction…

Web development can be characterized as an ecosystem, a complex system of interrelationships among living and nonliving elements of the environment. These activities can be envisioned at three broad levels.

  • The foundational components, such as networking and protocols, operate out-of-sight and make everything work.
  • The middle level, includes technologies such as HTML, CSS, Javascript, and PHP, and constitutes web development.
  • The top level entails such topics as security threats, search algorithms and advanced programming design.

In this course, we focus on part of the middle level, specifically on HTML and CSS technologies, it is important to understand each technology in context of the whole system and its relationships with the other other technologies. Key technologies to master (many are covered in other courses within your program) include:

  1. HTML and CSS (user interface)
  2. Front-end languages (Javascript, EcmaScript, jquery)
  3. Back-end languages (node.js, ruby, python, java, PHP)
  4. Databases and web storage ( SQL, MySQL, sessions)
  5. HTTP and REST (request, response, communication)
  6. web application architecture (planning, design, integration)
  7. Git (version control)
  8. Basic algorithms and data structures (optimization and performance)

The Top Programming Languages This interactive app ranks the popularity of dozens of programming languages. You can filter them by relevance, type, ranking,...  IEEE is the world's largest technical professional organization for the advancement of technology. Explore the-top-programming-languages

How technologies are connected Technologies cluster together into related ecosystems that tend to be used by the same developers. This network graph demonstrates this by showing which technologies are most highly correlated with each other. Explore how-technologies-are-connected

2021-2023 © Ellen Bajcar et al

The materials provided in class and through SLATE are protected by copyright. They are intended for the personal, educational uses of students in this course and should not be shared externally or on websites such as Course Hero or OneClass. Unauthorized distribution may result in copyright infringement and violation of Sheridan policies.

—
  • Course Material

    • Course Outline
    • Notepad++ Text Editor
    • FileZilla Client
    • Visual Studio Code editor
    • Online Frontend editor (HTML/CSS/JS)
    • HTML validator
    • CSS validator
  • Resources

    • World Wide Web Consortium (W3C)
    • MDN Web Docs
    • w3schools
    • W3C Web Accessibility Initiative (WAI)
    • WCAG 2.1
    • UAAG 2.0
    • Progressive enhancement (PE)
  • Sheridan College

    • Davis | HMC | Trafalgar
    • SLATE
    • Wellness & Counselling Services
    • Library Services
    • Tech Essentials
    • Fast Tech (web server access)