{"id":40,"date":"2026-04-22T00:58:06","date_gmt":"2026-04-21T22:58:06","guid":{"rendered":"https:\/\/student062.akademiata.edu.pl\/?page_id=40"},"modified":"2026-04-22T01:55:39","modified_gmt":"2026-04-21T23:55:39","slug":"harmonogramy","status":"publish","type":"page","link":"https:\/\/student062.akademiata.edu.pl\/index.php\/harmonogramy\/","title":{"rendered":"Harmonogramy"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div id=\"ppsi-root-schedules\" style=\"font-family:'Segoe UI',system-ui,sans-serif;color:#1a1a2e;background:#f8f9ff;line-height:1.7;width:100%;max-width:100%;box-sizing:border-box;\">\n\n<header style=\"background:linear-gradient(135deg,#0f3460 0%,#16213e 50%,#0f3460 100%);color:white;padding:0;position:relative;overflow:hidden;\">\n  <div style=\"position:relative;z-index:1;padding:60px 40px 50px;text-align:center;\">\n    <div style=\"margin:0 auto 16px;font-size:36px;width:70px;height:70px;border-radius:16px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;\">\ud83d\udcc5<\/div>\n    <h1 style=\"font-size:clamp(26px,4vw,48px);font-weight:800;letter-spacing:-1px;margin-bottom:12px;background:linear-gradient(90deg,#e94560,#f5a623,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Harmonogramy i Osie Czasu<\/h1>\n    <p style=\"font-size:17px;color:rgba(255,255,255,0.75);max-width:600px;margin:0 auto 24px;\">Organizowanie czasu i proces\u00f3w za pomoc\u0105 struktur HTML<\/p>\n  <\/div>\n<\/header>\n\n<style>\n.timeline-item:hover .tl-dot { background:#e94560 !important; transform:scale(1.2); }\n.timeline-item:hover .tl-content { border-color:#e94560; box-shadow:0 4px 15px rgba(233,69,96,0.15); }\n.schedule-card:hover { transform: translateY(-3px); box-shadow:0 6px 16px rgba(15,52,96,0.1); }\n<\/style>\n\n<main style=\"max-width:1200px;margin:0 auto;padding:40px 20px;\">\n\n  <section style=\"background:white;border-radius:16px;padding:36px;margin-bottom:32px;box-shadow:0 2px 16px rgba(15,52,96,0.08);border:1px solid rgba(15,52,96,0.07);\">\n    <h2 style=\"font-size:22px;font-weight:700;color:#0f3460;margin-bottom:28px;padding-bottom:12px;border-bottom:2px solid #f0f2f8;display:flex;align-items:center;gap:10px;\">\n      <span style=\"width:32px;height:32px;background:linear-gradient(135deg,#e94560,#f5a623);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;\">\u23f3<\/span>\n      Historia Technologii Webowych (Pionowa O\u015b Czasu)\n    <\/h2>\n    \n    <div style=\"position:relative;margin-left:20px;padding-left:30px;border-left:3px solid #f0f2f8;\">\n      \n      <div class=\"timeline-item\" style=\"position:relative;margin-bottom:30px;transition:all 0.3s;\">\n        <div class=\"tl-dot\" style=\"position:absolute;left:-39px;top:4px;width:16px;height:16px;border-radius:50%;background:#0f3460;border:4px solid white;transition:all 0.3s;box-shadow:0 0 0 2px #f0f2f8;\"><\/div>\n        <div class=\"tl-content\" style=\"background:#f8f9ff;padding:16px 20px;border-radius:12px;border:1px solid #dde3f5;transition:all 0.3s;\">\n          <span style=\"display:inline-block;padding:3px 10px;background:#e6f0ff;color:#1a5fc8;border-radius:50px;font-size:11px;font-weight:700;margin-bottom:8px;\">1990<\/span>\n          <h3 style=\"margin:0 0 8px;font-size:18px;color:#0f3460;\">Powstanie HTML<\/h3>\n          <p style=\"margin:0;font-size:14px;color:#4a5568;\">Tim Berners-Lee tworzy pierwsz\u0105 wersj\u0119 j\u0119zyka HTML, k\u0142ad\u0105c fundamenty pod World Wide Web.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"timeline-item\" style=\"position:relative;margin-bottom:30px;transition:all 0.3s;\">\n        <div class=\"tl-dot\" style=\"position:absolute;left:-39px;top:4px;width:16px;height:16px;border-radius:50%;background:#0f3460;border:4px solid white;transition:all 0.3s;box-shadow:0 0 0 2px #f0f2f8;\"><\/div>\n        <div class=\"tl-content\" style=\"background:#f8f9ff;padding:16px 20px;border-radius:12px;border:1px solid #dde3f5;transition:all 0.3s;\">\n          <span style=\"display:inline-block;padding:3px 10px;background:#fff0f2;color:#c81a3a;border-radius:50px;font-size:11px;font-weight:700;margin-bottom:8px;\">1995<\/span>\n          <h3 style=\"margin:0 0 8px;font-size:18px;color:#0f3460;\">Narodziny JavaScriptu<\/h3>\n          <p style=\"margin:0;font-size:14px;color:#4a5568;\">Brendan Eich w 10 dni tworzy j\u0119zyk, kt\u00f3ry o\u017cywi\u0142 statyczne strony i zrewolucjonizowa\u0142 interaktywno\u015b\u0107.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"timeline-item\" style=\"position:relative;transition:all 0.3s;\">\n        <div class=\"tl-dot\" style=\"position:absolute;left:-39px;top:4px;width:16px;height:16px;border-radius:50%;background:#f5a623;border:4px solid white;transition:all 0.3s;box-shadow:0 0 0 2px #f0f2f8;\"><\/div>\n        <div class=\"tl-content\" style=\"background:white;padding:16px 20px;border-radius:12px;border:2px solid #f5a623;transition:all 0.3s;\">\n          <span style=\"display:inline-block;padding:3px 10px;background:#fff8e6;color:#b37700;border-radius:50px;font-size:11px;font-weight:700;margin-bottom:8px;\">2014<\/span>\n          <h3 style=\"margin:0 0 8px;font-size:18px;color:#0f3460;\">Standard HTML5<\/h3>\n          <p style=\"margin:0;font-size:14px;color:#4a5568;\">Oficjalna rekomendacja W3C dla HTML5, wprowadzaj\u0105ca tagi semantyczne, wideo i audio natywnie w przegl\u0105darce.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section style=\"background:white;border-radius:16px;padding:36px;margin-bottom:32px;box-shadow:0 2px 16px rgba(15,52,96,0.08);border:1px solid rgba(15,52,96,0.07);\">\n    <h2 style=\"font-size:22px;font-weight:700;color:#0f3460;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f2f8;display:flex;align-items:center;gap:10px;\">\n      <span style=\"width:32px;height:32px;background:linear-gradient(135deg,#e94560,#f5a623);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;\">\ud83d\uddd3\ufe0f<\/span>\n      Plan Nauki Bootcampu (Siatka Grid)\n    <\/h2>\n    \n    <div style=\"display:flex;gap:10px;margin-bottom:20px;\">\n      <button onclick=\"highlightDay('Pon')\" style=\"padding:6px 12px;border-radius:6px;border:1px solid #dde3f5;background:white;cursor:pointer;font-size:13px;\">Poka\u017c Poniedzia\u0142ek<\/button>\n      <button onclick=\"highlightDay('Wto')\" style=\"padding:6px 12px;border-radius:6px;border:1px solid #dde3f5;background:white;cursor:pointer;font-size:13px;\">Poka\u017c Wtorek<\/button>\n      <button onclick=\"highlightDay('all')\" style=\"padding:6px 12px;border-radius:6px;border:none;background:#e94560;color:white;cursor:pointer;font-size:13px;\">Poka\u017c Ca\u0142o\u015b\u0107<\/button>\n    <\/div>\n\n    <div style=\"overflow-x:auto;\">\n      <div style=\"display:grid;grid-template-columns:80px repeat(5, minmax(150px, 1fr));gap:10px;min-width:800px;\">\n        <div style=\"padding:10px;text-align:center;font-weight:bold;color:#8892b0;font-size:12px;\">Godzina<\/div>\n        <div style=\"background:#0f3460;color:white;padding:10px;text-align:center;border-radius:8px;font-weight:600;\">Poniedzia\u0142ek<\/div>\n        <div style=\"background:#0f3460;color:white;padding:10px;text-align:center;border-radius:8px;font-weight:600;\">Wtorek<\/div>\n        <div style=\"background:#0f3460;color:white;padding:10px;text-align:center;border-radius:8px;font-weight:600;\">\u015aroda<\/div>\n        <div style=\"background:#0f3460;color:white;padding:10px;text-align:center;border-radius:8px;font-weight:600;\">Czwartek<\/div>\n        <div style=\"background:#0f3460;color:white;padding:10px;text-align:center;border-radius:8px;font-weight:600;\">Pi\u0105tek<\/div>\n\n        <div style=\"padding:10px;text-align:center;color:#4a5568;font-size:13px;align-self:center;\">09:00<\/div>\n        <div class=\"schedule-card Pon\" style=\"background:#e6f0ff;border-left:4px solid #1a5fc8;padding:12px;border-radius:6px;font-size:13px;transition:0.2s;\">Wst\u0119p do HTML5<br><span style=\"font-size:11px;color:#8892b0;\">Wyk\u0142ad<\/span><\/div>\n        <div class=\"schedule-card Wto\" style=\"background:#e6f7ed;border-left:4px solid #1a7a40;padding:12px;border-radius:6px;font-size:13px;transition:0.2s;\">Podstawy CSS3<br><span style=\"font-size:11px;color:#8892b0;\">Wyk\u0142ad<\/span><\/div>\n        <div class=\"schedule-card\" style=\"background:#fff0f2;border-left:4px solid #c81a3a;padding:12px;border-radius:6px;font-size:13px;transition:0.2s;\">JS Zmienne<br><span style=\"font-size:11px;color:#8892b0;\">Wyk\u0142ad<\/span><\/div>\n        <div class=\"schedule-card\" style=\"background:#fff8e6;border-left:4px solid #f5a623;padding:12px;border-radius:6px;font-size:13px;transition:0.2s;\">DOM i Eventy<br><span style=\"font-size:11px;color:#8892b0;\">Warsztaty<\/span><\/div>\n        <div class=\"schedule-card\" style=\"background:#f0f2f8;border-left:4px solid #8892b0;padding:12px;border-radius:6px;font-size:13px;transition:0.2s;\">Podsumowanie<br><span style=\"font-size:11px;color:#8892b0;\">Quiz<\/span><\/div>\n\n        <div style=\"padding:10px;text-align:center;color:#4a5568;font-size:13px;align-self:center;\">11:30<\/div>\n        <div class=\"schedule-card Pon\" style=\"grid-column: span 2; background:#f8f9ff;border:1px dashed #dde3f5;padding:12px;border-radius:6px;text-align:center;font-size:13px;color:#8892b0;\">Praca w\u0142asna &#8211; Projekty grupowe<\/div>\n        <div class=\"schedule-card\" style=\"background:#fff0f2;border-left:4px solid #c81a3a;padding:12px;border-radius:6px;font-size:13px;transition:0.2s;\">Funkcje JS<br><span style=\"font-size:11px;color:#8892b0;\">\u0106wiczenia<\/span><\/div>\n        <div class=\"schedule-card\" style=\"grid-column: span 2; background:#f8f9ff;border:1px dashed #dde3f5;padding:12px;border-radius:6px;text-align:center;font-size:13px;color:#8892b0;\">Przerwa na Lunch<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section style=\"background:white;border-radius:16px;padding:36px;margin-bottom:32px;box-shadow:0 2px 16px rgba(15,52,96,0.08);border:1px solid rgba(15,52,96,0.07);\">\n    <h2 style=\"font-size:22px;font-weight:700;color:#0f3460;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f2f8;display:flex;align-items:center;gap:10px;\">\n      <span style=\"width:32px;height:32px;background:linear-gradient(135deg,#e94560,#f5a623);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;\">\ud83c\udfd7\ufe0f<\/span>\n      Fazy Projektu Webowego (Gantt)\n    <\/h2>\n    \n    <div style=\"border:1px solid #dde3f5;border-radius:12px;padding:20px;background:#f8f9ff;\">\n      <div style=\"display:flex;margin-bottom:12px;margin-left:120px;font-size:11px;color:#8892b0;font-weight:bold;border-bottom:1px solid #dde3f5;padding-bottom:8px;\">\n        <div style=\"flex:1;\">Tydzie\u0144 1<\/div><div style=\"flex:1;\">Tydzie\u0144 2<\/div><div style=\"flex:1;\">Tydzie\u0144 3<\/div><div style=\"flex:1;\">Tydzie\u0144 4<\/div>\n      <\/div>\n      \n      <div style=\"display:flex;align-items:center;margin-bottom:12px;\">\n        <div style=\"width:120px;font-size:13px;font-weight:600;color:#0f3460;\">Design (Figma)<\/div>\n        <div style=\"flex:4;position:relative;height:24px;background:rgba(255,255,255,0.5);border-radius:4px;\">\n          <div style=\"position:absolute;left:0;width:35%;height:100%;background:linear-gradient(90deg, #00d2ff, #1a5fc8);border-radius:4px;box-shadow:0 2px 5px rgba(0,210,255,0.2);\"><\/div>\n        <\/div>\n      <\/div>\n      \n      <div style=\"display:flex;align-items:center;margin-bottom:12px;\">\n        <div style=\"width:120px;font-size:13px;font-weight:600;color:#0f3460;\">Frontend (HTML)<\/div>\n        <div style=\"flex:4;position:relative;height:24px;background:rgba(255,255,255,0.5);border-radius:4px;\">\n          <div style=\"position:absolute;left:25%;width:45%;height:100%;background:linear-gradient(90deg, #f5a623, #e94560);border-radius:4px;box-shadow:0 2px 5px rgba(233,69,96,0.2);\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"display:flex;align-items:center;\">\n        <div style=\"width:120px;font-size:13px;font-weight:600;color:#0f3460;\">Testy i Wdro\u017cenie<\/div>\n        <div style=\"flex:4;position:relative;height:24px;background:rgba(255,255,255,0.5);border-radius:4px;\">\n          <div style=\"position:absolute;left:65%;width:35%;height:100%;background:linear-gradient(90deg, #1a7a40, #0f3460);border-radius:4px;box-shadow:0 2px 5px rgba(15,52,96,0.2);\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<footer style=\"background:linear-gradient(135deg,#0f3460,#16213e);color:white;padding:30px 40px;margin-top:20px;text-align:center;\">\n  <p style=\"font-size:13px;color:rgba(255,255,255,0.4);margin:0;\">\u00a9 2026 Podstawy Programowania Stron Internetowych &#8211; Harmonogramy<\/p>\n<\/footer>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc5 Harmonogramy i Osie Czasu Organizowanie czasu i proces\u00f3w za pomoc\u0105 struktur HTML \u23f3 Historia Technologii Webowych (Pionowa O\u015b Czasu) 1990 Powstanie HTML Tim Berners-Lee tworzy pierwsz\u0105 wersj\u0119 j\u0119zyka HTML, k\u0142ad\u0105c fundamenty pod World Wide Web. 1995 Narodziny JavaScriptu Brendan Eich w 10 dni tworzy j\u0119zyk, kt\u00f3ry o\u017cywi\u0142 statyczne strony i zrewolucjonizowa\u0142 interaktywno\u015b\u0107. 2014 Standard [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":3,"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/student062.akademiata.edu.pl\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}