Web Technologies

Brought by: openHPI

Overview

WWW, the world wide web or shortly the web - really nothing more than an information service on the Internet – has changed our world by creating a whole new digital world that is closely intertwined with our real world, making reality what was previously unimaginable: communication across the world in seconds, watching movies on a smartphone, playing games or looking at photos with remote partners in distant continents, shopping or banking from your couch … In our MOOC on web technologies you will learn how it all works.

We start off by introducing the underlying technologies of the web: URI, HTTP, HTML, CSS and XML. If this sounds cryptic, rest assured that you will soon become familiar with what it’s all about. We will then focus on web services and web programming technologies along with their practical application. And we will look at how search engines – our fast and reliable signposts in the digital world – actually work to find contents and services on the web. The course concludes with a look at cloud computing and how it is changing the way we will access computing power in the future.


We start off by introducing the underlying technologies of the web: URI, HTTP, HTML, CSS and XML. If this sounds cryptic, rest assured that you will soon become familiar with what it’s all about. We will then focus on web services and web programming technologies along with their practical application. And we will look at how search engines – our fast and reliable signposts in the digital world – actually work to find contents and services on the web. The course concludes with a look at cloud computing and how it is changing the way we will access computing power in the future.

Taught by

Prof. Dr. Christoph Meinel

Web Technologies
Go to course

Web Technologies

Brought by: openHPI

  • openHPI
  • Free
  • English
  • Certificate Available
  • Certain days
  • All
  • N/A
8.1.2PHP Version278msRequest Duration2MBMemory UsageGET en/courses/{slug}Route
    • Booting (176ms)
    • Application (101ms)
    • 1 x Booting (63.25%)
      175.72ms
      1 x Application (36.51%)
      101.44ms
      14 templates were rendered
      • public.courses.show (resources/views/public/courses/show.blade.php)3bladefile
        Params
        0
        course
        1
        links
        2
        config
      • public.courses.partials.breadcrumbs (resources/views/public/courses/partials/breadcrumbs.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.courses.partials.heading (resources/views/public/courses/partials/heading.blade.php)7bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        classes
      • public.courses.partials.details (resources/views/public/courses/partials/details.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.courses.partials.breadcrumbs (resources/views/public/courses/partials/breadcrumbs.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.courses.partials.heading (resources/views/public/courses/partials/heading.blade.php)7bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        classes
      • public.layouts.main (resources/views/public/layouts/main.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.layouts.partials.meta (resources/views/public/layouts/partials/meta.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.layouts.partials.navbar (resources/views/public/layouts/partials/navbar.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.auth.profile.partials.links (resources/views/public/auth/profile/partials/links.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        route
        7
        title
      • public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        route
        7
        title
      • public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        route
        7
        title
      • public.layouts.partials.flash-session (resources/views/public/layouts/partials/flash-session.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      uri
      GET en/courses/{slug}
      middleware
      web, localize:en
      controller
      App\Http\Controllers\CourseController@show
      as
      en.courses.show
      namespace
      prefix
      /en
      where
      file
      app/Http/Controllers/CourseController.php:17-35
      6 statements were executed5.76ms
      • select * from `courses` where `slug_en` = 'web-technologies' limit 1
        4.27ms/app/Http/Controllers/CourseController.php:20corspedia
        Metadata
        Bindings
        • 0. web-technologies
        Backtrace
        • 17. /app/Http/Controllers/CourseController.php:20
        • 18. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 19. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 20. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • update `courses` set `visitors` = `visitors` + 1, `courses`.`updated_at` = '2025-04-18 11:17:04' where `id` = 1602
        800μs/app/Http/Controllers/CourseController.php:21corspedia
        Metadata
        Bindings
        • 0. 2025-04-18 11:17:04
        • 1. 1602
        Backtrace
        • 17. /app/Http/Controllers/CourseController.php:21
        • 18. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 19. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 20. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select `id`, `name_en`, `name_ar`, `topic_id`, `slug_en`, `slug_ar` from `subjects` where `subjects`.`id` in (1)
        190μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 20. /app/Http/Controllers/CourseController.php:23
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select `id`, `name_en`, `name_ar`, `slug_en`, `slug_ar` from `topics` where `topics`.`id` in (1)
        130μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 25. /app/Http/Controllers/CourseController.php:23
        • 26. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 27. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 28. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 29. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `providers` where `providers`.`id` in (23) and `providers`.`deleted_at` is null
        180μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 20. /app/Http/Controllers/CourseController.php:23
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `html_files` where `html_files`.`id` = 1594 limit 1
        190μs/app/Models/Course.php:84corspedia
        Metadata
        Bindings
        • 0. 1594
        Backtrace
        • 21. /app/Models/Course.php:84
        • 28. view::public.courses.show:29
        • 30. /vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:125
        • 31. /vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 32. /vendor/laravel/framework/src/Illuminate/View/Engines/CompilerEngine.php:72
      App\Models\HtmlFile
      1
      App\Models\Provider
      1
      App\Models\Topic
      1
      App\Models\Subject
      1
      App\Models\Course
      1
        _token
        Pf3WozJDA8vgEJnoAvL3J178Agb4qMxPUs7i8EMQ
        locale
        en
        _previous
        array:1 [ "url" => "https://www.corspedia.com/en/courses/web-technologies" ]
        _flash
        array:2 [ "old" => [] "new" => [] ]
        PHPDEBUGBAR_STACK_DATA
        []
        path_info
        /en/courses/web-technologies
        status_code
        200
        
        status_text
        OK
        format
        html
        content_type
        text/html; charset=UTF-8
        request_query
        []
        
        request_request
        []
        
        request_headers
        0 of 0
        array:24 [ "cf-ipcountry" => array:1 [ 0 => "US" ] "cf-connecting-ip" => array:1 [ 0 => "3.142.220.14" ] "cdn-loop" => array:1 [ 0 => "cloudflare; loops=1" ] "x-forwarded-proto" => array:1 [ 0 => "https" ] "cf-visitor" => array:1 [ 0 => "{"scheme":"https"}" ] "sec-fetch-site" => array:1 [ 0 => "none" ] "accept" => array:1 [ 0 => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7" ] "user-agent" => array:1 [ 0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" ] "upgrade-insecure-requests" => array:1 [ 0 => "1" ] "sec-ch-ua-platform" => array:1 [ 0 => ""Windows"" ] "sec-ch-ua-mobile" => array:1 [ 0 => "?0" ] "sec-ch-ua" => array:1 [ 0 => ""HeadlessChrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129"" ] "cache-control" => array:1 [ 0 => "no-cache" ] "pragma" => array:1 [ 0 => "no-cache" ] "sec-fetch-dest" => array:1 [ 0 => "document" ] "cf-ray" => array:1 [ 0 => "9323c0ef2927a242-ORD" ] "accept-encoding" => array:1 [ 0 => "gzip, br" ] "priority" => array:1 [ 0 => "u=0, i" ] "sec-fetch-user" => array:1 [ 0 => "?1" ] "sec-fetch-mode" => array:1 [ 0 => "navigate" ] "x-forwarded-for" => array:1 [ 0 => "3.142.220.14" ] "host" => array:1 [ 0 => "www.corspedia.com" ] "content-length" => array:1 [ 0 => "" ] "content-type" => array:1 [ 0 => "" ] ]
        request_server
        0 of 0
        array:50 [ "USER" => "www-data" "HOME" => "/var/www" "HTTP_CF_IPCOUNTRY" => "US" "HTTP_CF_CONNECTING_IP" => "3.142.220.14" "HTTP_CDN_LOOP" => "cloudflare; loops=1" "HTTP_X_FORWARDED_PROTO" => "https" "HTTP_CF_VISITOR" => "{"scheme":"https"}" "HTTP_SEC_FETCH_SITE" => "none" "HTTP_ACCEPT" => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7" "HTTP_USER_AGENT" => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" "HTTP_UPGRADE_INSECURE_REQUESTS" => "1" "HTTP_SEC_CH_UA_PLATFORM" => ""Windows"" "HTTP_SEC_CH_UA_MOBILE" => "?0" "HTTP_SEC_CH_UA" => ""HeadlessChrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129"" "HTTP_CACHE_CONTROL" => "no-cache" "HTTP_PRAGMA" => "no-cache" "HTTP_SEC_FETCH_DEST" => "document" "HTTP_CF_RAY" => "9323c0ef2927a242-ORD" "HTTP_ACCEPT_ENCODING" => "gzip, br" "HTTP_PRIORITY" => "u=0, i" "HTTP_SEC_FETCH_USER" => "?1" "HTTP_SEC_FETCH_MODE" => "navigate" "HTTP_X_FORWARDED_FOR" => "3.142.220.14" "HTTP_HOST" => "www.corspedia.com" "REDIRECT_STATUS" => "200" "SERVER_NAME" => "corspedia.com" "SERVER_PORT" => "443" "SERVER_ADDR" => "141.95.147.152" "REMOTE_USER" => "" "REMOTE_PORT" => "29006" "REMOTE_ADDR" => "172.69.58.79" "SERVER_SOFTWARE" => "nginx/1.18.0" "GATEWAY_INTERFACE" => "CGI/1.1" "HTTPS" => "on" "REQUEST_SCHEME" => "https" "SERVER_PROTOCOL" => "HTTP/2.0" "DOCUMENT_ROOT" => "/var/www/corspedia/public" "DOCUMENT_URI" => "/index.php" "REQUEST_URI" => "/en/courses/web-technologies" "SCRIPT_NAME" => "/index.php" "CONTENT_LENGTH" => "" "CONTENT_TYPE" => "" "REQUEST_METHOD" => "GET" "QUERY_STRING" => "" "SCRIPT_FILENAME" => "/var/www/corspedia/public/index.php" "PATH_INFO" => "" "FCGI_ROLE" => "RESPONDER" "PHP_SELF" => "/index.php" "REQUEST_TIME_FLOAT" => 1744975024.7638 "REQUEST_TIME" => 1744975024 ]
        request_cookies
        []
        
        response_headers
        0 of 0
        array:5 [ "content-type" => array:1 [ 0 => "text/html; charset=UTF-8" ] "cache-control" => array:1 [ 0 => "no-cache, private" ] "date" => array:1 [ 0 => "Fri, 18 Apr 2025 11:17:04 GMT" ] "set-cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6Ikd6ZFYvbFdPN0dzWERXY01RWmJVNFE9PSIsInZhbHVlIjoiY3JiUmJETEEvL1pPM1BCdEczYkZReW9jNnJwazExRVZITmtvYTVYZXBHeW5hblJGZk9wU245L0tMdDkzUUI5a21oMnBKa0NnNEc0alZKSHV4QXNEMzUxOEhYbVFpdW16dWYyODZtMFQ5SERYaTdJL1d6WGVlUGF0K2xpdFRIOHEiLCJtYWMiOiJkZjBjNGFlNmIwYzllNjY1MDNhMjU2YzA1OGZhODM2OGIxN2ZiNDdmNjU1NDA1MmVmNDUwYTYxOGEzMzQ0NzkyIiwidGFnIjoiIn0%3D; expires=Fri, 18 Apr 2025 13:17:05 GMT; Max-Age=7200; path=/; samesite=laxXSRF-TOKEN=eyJpdiI6Ikd6ZFYvbFdPN0dzWERXY01RWmJVNFE9PSIsInZhbHVlIjoiY3JiUmJETEEvL1pPM1BCdEczYkZReW9jNnJwazExRVZITmtvYTVYZXBHeW5hblJGZk9wU245L0tMdDkzUUI5a21oMnBKa" 1 => "laravel_session=eyJpdiI6InFkMXBOczYwWWFEOVBVRVcwdVk2WGc9PSIsInZhbHVlIjoiaGFGQUd6OEszODBuYjd2Y1ZWRDBLSzNZeXpDbkwySVBmakVrRTRYTDNIZmRlUHAvaGFtcmN6aCtVU2ZtNkdtdDNsYlVtWFI1Zk83eXlyVHpSQ1FHLy91aEJSSDgvcS9HU3JFaFMrVXN4VzMwUk9LRnhQaUtNTityb29mTThEWUMiLCJtYWMiOiJiNWUzYmYzOTE4NmJlMjEzZjI1YzBiNjM2Yzg3YWIyZWM1MTEzNzM4MWRlODdmMTA4Y2QwZWUyZTFkNWY1MzdkIiwidGFnIjoiIn0%3D; expires=Fri, 18 Apr 2025 13:17:05 GMT; Max-Age=7200; path=/; httponly; samesite=laxlaravel_session=eyJpdiI6InFkMXBOczYwWWFEOVBVRVcwdVk2WGc9PSIsInZhbHVlIjoiaGFGQUd6OEszODBuYjd2Y1ZWRDBLSzNZeXpDbkwySVBmakVrRTRYTDNIZmRlUHAvaGFtcmN6aCtVU2ZtNkdtdDNs" ] "Set-Cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6Ikd6ZFYvbFdPN0dzWERXY01RWmJVNFE9PSIsInZhbHVlIjoiY3JiUmJETEEvL1pPM1BCdEczYkZReW9jNnJwazExRVZITmtvYTVYZXBHeW5hblJGZk9wU245L0tMdDkzUUI5a21oMnBKa0NnNEc0alZKSHV4QXNEMzUxOEhYbVFpdW16dWYyODZtMFQ5SERYaTdJL1d6WGVlUGF0K2xpdFRIOHEiLCJtYWMiOiJkZjBjNGFlNmIwYzllNjY1MDNhMjU2YzA1OGZhODM2OGIxN2ZiNDdmNjU1NDA1MmVmNDUwYTYxOGEzMzQ0NzkyIiwidGFnIjoiIn0%3D; expires=Fri, 18-Apr-2025 13:17:05 GMT; path=/XSRF-TOKEN=eyJpdiI6Ikd6ZFYvbFdPN0dzWERXY01RWmJVNFE9PSIsInZhbHVlIjoiY3JiUmJETEEvL1pPM1BCdEczYkZReW9jNnJwazExRVZITmtvYTVYZXBHeW5hblJGZk9wU245L0tMdDkzUUI5a21oMnBKa" 1 => "laravel_session=eyJpdiI6InFkMXBOczYwWWFEOVBVRVcwdVk2WGc9PSIsInZhbHVlIjoiaGFGQUd6OEszODBuYjd2Y1ZWRDBLSzNZeXpDbkwySVBmakVrRTRYTDNIZmRlUHAvaGFtcmN6aCtVU2ZtNkdtdDNsYlVtWFI1Zk83eXlyVHpSQ1FHLy91aEJSSDgvcS9HU3JFaFMrVXN4VzMwUk9LRnhQaUtNTityb29mTThEWUMiLCJtYWMiOiJiNWUzYmYzOTE4NmJlMjEzZjI1YzBiNjM2Yzg3YWIyZWM1MTEzNzM4MWRlODdmMTA4Y2QwZWUyZTFkNWY1MzdkIiwidGFnIjoiIn0%3D; expires=Fri, 18-Apr-2025 13:17:05 GMT; path=/; httponlylaravel_session=eyJpdiI6InFkMXBOczYwWWFEOVBVRVcwdVk2WGc9PSIsInZhbHVlIjoiaGFGQUd6OEszODBuYjd2Y1ZWRDBLSzNZeXpDbkwySVBmakVrRTRYTDNIZmRlUHAvaGFtcmN6aCtVU2ZtNkdtdDNs" ] ]
        session_attributes
        0 of 0
        array:5 [ "_token" => "Pf3WozJDA8vgEJnoAvL3J178Agb4qMxPUs7i8EMQ" "locale" => "en" "_previous" => array:1 [ "url" => "https://www.corspedia.com/en/courses/web-technologies" ] "_flash" => array:2 [ "old" => [] "new" => [] ] "PHPDEBUGBAR_STACK_DATA" => [] ]