PageSourceSearch

https://eduweb.pl/blog

html eduweb.pl collected 2026-10-02 02:45:32 UTC 211,482 bytes, 2,726 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="pl" class="dark">
4<head>
5
6    
7    
8    
9            <meta name="robots" content="index, follow">
10    
11
12
13
14    <meta charset="UTF-8">
15    <meta name="viewport" content="width=device-width, initial-scale=1.0">
16    <meta http-equiv="X-UA-Compatible" content="ie=edge">
17
18    
19
20    <meta name="google-signin-client_id" content="981767952288-gltbrpde01t55o8noc62kkjbcpik99m9.apps.googleusercontent.com">
21    <meta property="og:image:width" content="1600">
22    <meta property="og:image:height" content="838">
23    <meta property="og:url" content="https://eduweb.pl/blog">
24
25    <meta name="facebook-domain-verification" content="nwnjrxz9e26coprfzpzja4z9xevl5u" />
26    <meta name="google-site-verification" content="XLDyH10jLY1eIivAO6w9dIvpBt8lYAWW7blodGRvaRA" />
27
28        <meta property="og:title" content="Kursy Wideo i Szkolenia Online &bull; eduweb.pl">
29        <meta property="og:description" content="Naucz się&nbsp;programowania, grafiki, marketingu i wiele więcej z ponad 1000 godzin kurs&oacute;w od najlepszych instruktor&oacute;w. Zacznij za darmo!">
30        <meta property="og:image" content="https://eduweb.pl/assets/others/facebook.jpg">
31
32    
33
34    <link href="https://eduweb.pl/blog" rel="canonical" />
35
36    <link rel="apple-touch-icon" sizes="180x180" href="/assets/others/apple-touch-icon.png">
37    <link rel="icon" type="image/png" sizes="32x32" href="/assets/others/favicon-32x32.png">
38    <link rel="icon" type="image/png" sizes="16x16" href="/assets/others/favicon-16x16.png">
39    <link rel="mask-icon" href="/assets/others/safari-pinned-tab.svg" color="#343945">
40    <meta name="msapplication-TileColor" content="#343945">
41    <meta name="theme-color" content="#ffffff">
42
43
44    
45    
45<script>
46        window.dataLayer = window.dataLayer || [];
47        function gtag() { window.dataLayer.push(arguments); }
48    </script>
48
49
50    <!-- Google Tag Manager -->
51    
51<script>
vendor: 347 bytes, lines 51-55
51(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
52    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
53    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
54    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
55    })(window,document,'script','dataLayer','
55GTM-KSKGSKX
vendor: 3 bytes, line 55
55');
55</script>
55
56    <!-- End Google Tag Manager -->
57    
58
59    
60    
61    
62
63    <title>Blog • eduweb.pl</title>
64
65    <link rel="stylesheet" href="https://use.typekit.net/xki0cvi.css">
66
67    <link rel="stylesheet" href="/css/style.css?v=l1DFXw006mS61IpvWk4puSkSDANV-XvAIB1Yp8dOUzQ">
68
69    
70<script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");
702===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{
71src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source
72crossOrigin: "anonymous", 
73cfg: { // Application Insights Configuration
74    connectionString: 'InstrumentationKey=df631eab-ca97-4e01-a400-963b63f58306;IngestionEndpoint=https://westeurope-5.in.applicationinsights.azure.com/;LiveEndpoint=https://westeurope.livediagnostics.monitor.azure.com/'
75}});</script>
75</head>
76<body class="bg-neutral-50 dark:bg-neutral-900 overflow-x-hidden ct-text1">
77
78    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8N-eDe5ip5lNkq-vNLt67zXJdlj6Fy2udoGrK84L-Ct3kOU5IVAUlvhMhYvcOD7jIKRPO_YoqWr9p9HHl-WnrYf_8RP5f1EHeLDp6zWfh6bGWdQQQIsEMshUmv-m1TupUXwOHEjX5qoHoEWFIs3DQMY" />
79
80
81    
82        <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 82-83
82
83    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
83GTM-KSKGSKX
vendor: 93 bytes, lines 83-85
83"
84    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
85    
85<!-- End Google Tag Manager (noscript) -->
86    
87
88    
89
90    <header class="c-header w-full fixed top-0 lg:top-auto lg:relative h-14 lg:h-16 z-30 flex flex-col lg:flex-row  lg:justify-between lg:items-center px-0 lg:px-6 py-0 lg:py-3.5 ct-bg1  border-b ct-div1 is-visible "" data-js-header>
91
92
93            <a href="/" class="flex-shrink-0 h-14 lg:h-auto flex items-center space-x-2 ct-text1 px-4 py-3 lg:pl-0 lg:pr-3 lg:py-0 " data-js-logo>
94                <img data-js-logo-icon class="w-5 h-5" src="/assets/eduweb-min.svg">
95                <svg class="mb-0.5" xmlns="http://www.w3.org/2000/svg" width="86px" height="18px" viewBox="0 0 86 18" fill="none">
96    <path fill-rule="evenodd" clip-rule="evenodd"
97        d="M66.0893 7.49236C67.4822 7.49236 68.4154 8.32054 68.7176 9.82382H63.3772C63.677 8.32054 64.6397 7.49236 66.0893 7.49236M66.1132 5.09094C62.674 5.09094 60.3633 7.44313 60.3633 10.9439C60.3633 14.403 62.7363 16.7273 66.2684 16.7273C68.2048 16.7273 69.8137 16.1862 71.0525 15.1183L69.3668 13.3202C68.5318 13.9731 67.4486 14.3607 66.448 14.3607C64.7802 14.3607 63.6848 13.5011 63.3636 11.9406L63.3375 11.8137H71.5888C71.6173 11.5656 71.636 11.2061 71.636 10.898C71.6244 7.42471 69.405 5.09094 66.1132 5.09094"
98        fill="currentColor" />
99    <path fill-rule="evenodd" clip-rule="evenodd"
100        d="M79.7407 14.41C77.9103 14.41 76.5818 13.0507 76.5818 11.1781C76.5818 9.30528 77.9103 7.94582 79.7407 7.94582C81.5642 7.94582 82.8877 9.30528 82.8877 11.1781C82.8877 13.0507 81.5642 14.41 79.7407 14.41M79.7408 5.31529C78.6206 5.31529 77.5842 5.56511 76.6603 6.05758L76.5013 6.1424V0.106567H73.6406V11.1781V17.0405C74.5877 17.0405 75.4116 16.5197 75.8373 15.7519C76.8805 16.5643 78.2297 17.0405 79.7408 17.0405C83.205 17.0405 85.8173 14.5201 85.8173 11.1781C85.8173 7.83588 83.205 5.31529 79.7408 5.31529"
101        fill="currentColor" />
102    <path fill-rule="evenodd" clip-rule="evenodd"
103        d="M54.075 13.7696L51.3791 5.45459H48.2693L45.6095 13.7356L43.0719 5.45459H40L43.8242 16.7273H47.1848L49.7942 8.7205L52.428 16.7273H55.8122L59.6364 5.45459H56.624L54.075 13.7696Z"
104        fill="currentColor" />
105    <path fill-rule="evenodd" clip-rule="evenodd"
106        d="M5.72622 7.49236C7.11915 7.49236 8.05229 8.32054 8.3545 9.82382H3.01409C3.31393 8.32054 4.27639 7.49236 5.72622 7.49236M5.75018 5.09094C2.31076 5.09094 0 7.44313 0 10.9439C0 14.403 2.37327 16.7273 5.90559 16.7273C7.84172 16.7273 9.45041 16.1862 10.6892 15.1183L9.00378 13.3202C8.1685 13.9731 7.08533 14.3607 6.08493 14.3607C4.41718 14.3607 3.32172 13.5011 3.00033 11.9406L2.97424 11.8137H11.2255C11.254 11.5635 11.2727 11.204 11.2727 10.898C11.2611 7.42471 9.04172 5.09094 5.75018 5.09094"
107        fill="currentColor" />
108    <path fill-rule="evenodd" clip-rule="evenodd"
109        d="M19.0791 14.436C17.2822 14.436 15.9778 13.0641 15.9778 11.1742C15.9778 9.28397 17.2822 7.9119 19.0791 7.9119C20.883 7.9119 22.1921 9.28397 22.1921 11.1742C22.1921 13.0641 20.883 14.436 19.0791 14.436V14.436ZM22.2715 6.09179L22.1148 6.00618C21.2043 5.50914 20.183 5.257 19.0791 5.257C15.6652 5.257 13.0908 7.80096 13.0908 11.1742C13.0908 14.5472 15.6652 17.0909 19.0791 17.0909C20.5682 17.0909 21.8978 16.6103 22.9258 15.7904C23.3454 16.5653 24.1573 17.0909 25.0908 17.0909V11.1742V0H22.2715V6.09179Z"
110        fill="currentColor" />
111    <path fill-rule="evenodd" clip-rule="evenodd"
112        d="M35.3447 11.7024C35.3447 13.4238 34.4589 14.411 32.9142 14.411C31.3697 14.411 30.4838 13.4238 30.4838 11.7024V5.45459H27.6357V11.9763C27.6357 15.7473 30.3622 17.091 32.9142 17.091C35.4604 17.091 38.1812 15.7473 38.1812 11.9763V5.45459H35.3447V11.7024Z"
113        fill="currentColor" />
114</svg>
115            </a>
116
117            <div class="c-header__menu w-full sm:shadow-sm lg:shadow-none sm:max-w-xs lg:max-w-none transform transition-transform -translate-x-full translate-y-px lg:translate-x-0 fixed lg:relative flex flex-col lg:flex-row justify-between lg:items-center lg:flex-grow top-[55px] lg:top-auto bottom-0 lg:bottom-auto left-0 lg:left-auto ct-bg1">
118
119                <div class="relative flex flex-col lg:flex-row lg:justify-between lg:items-center lg:flex-grow ">
120
121                    
122                        
123
124
125<nav class="order-2 lg:order-1" data-js-dropdown-group>
126    <ul class="flex flex-col lg:flex-row lg:items-center">
127        <span class="hidden lg:block ct-divider"></span>
128        <li class="overflow-hidden group/link lg:relative flex items-center justify-between lg:justify-start c-header__link"
129            data-js-dropdown-toggle="kategorie">
130            <p class="overflow-hidden" ><span class="block truncate" data-js-category-current>Wszystkie
131                    kategorie</span></p>
132            <span
133                class="flex-shrink-0 ml-1.5 inline-block ct-text4 group-hover/link:text-neutral-900 dark:group-hover/link:text-neutral-50 w-4 h-4 transform -rotate-90 lg:rotate-0"
134                role="button">
135                <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
136    <path fill-rule="evenodd" clip-rule="evenodd"
137        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
138        fill="currentColor" />
139</svg>
140
141            </span>
142
143        </li>
144        <div class="invisible opacity-0 z-[31] absolute top-0 lg:top-9 left-0 lg:left-2 lg:bottom-auto right-0 lg:right-auto bg-white dark:bg-neutral-800 lg:dark:bg-neutral-750 ct-text1 lg:shadow-2xl lg:rounded-md lg:py-1 lg:w-80 text-sm font-medium text-neutral-700 dark:text-neutral-200"
145            data-js-dropdown="kategorie">
146            <div data-js-dropdown-close
147                class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
148                <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0" role="button">
149                    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
150    <path fill-rule="evenodd" clip-rule="evenodd"
151        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
152        fill="currentColor" />
153</svg>
154
155                </span>
156                <p data-js-category-current>Wszystkie kategorie</p>
157            </div>
158            <ul class="">
159                
160                    
161
162
163    <li class="group">
164        <a data-js-category="Biznes i Automatyzacje" href="/biznes-i-automatyzacje"
165            class="c-header__item justify-between">
166            <div class="flex space-x-3 items-center">
167                <img class="h-5 w-5" src="/assets/specializations/biznes-i-automatyzacje.svg"
168                    alt="Biznes i Automatyzacje">
169
170                <span>Biznes i Automatyzacje</span>
171            </div>
172            <span data-js-category-check class="opacity-0 transition-opacity h-4 w-4 text-primary-600">
173                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
174    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
175</svg>
176            </span>
177        </a>
178    </li>
179    <li class="group">
180        <a data-js-category="Foto, Audio i Wideo" href="/foto-audio-i-wideo"
181            class="c-header__item justify-between">
182            <div class="flex space-x-3 items-center">
183                <img class="h-5 w-5" src="/assets/specializations/foto-audio-i-wideo.svg"
184                    alt="Foto, Audio i Wideo">
185
186                <span>Foto, Audio i Wideo</span>
187            </div>
188            <span data-js-category-check class="opacity-0 transition-opacity h-4 w-4 text-primary-600">
189                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
190    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
191</svg>
192            </span>
193        </a>
194    </li>
195    <li class="group">
196        <a data-js-category="Full-stack i Programowanie" href="/full-stack-i-programowanie"
197            class="c-header__item justify-between">
198            <div class="flex space-x-3 items-center">
199                <img class="h-5 w-5" src="/assets/specializations/full-stack-i-programowanie.svg"
200                    alt="Full-stack i Programowanie">
201
202                <span>Full-stack i Programowanie</span>
203            </div>
204            <span data-js-category-check class="opacity-0 transition-opacity h-4 w-4 text-primary-600">
205                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
206    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
207</svg>
208            </span>
209        </a>
210    </li>
211    <li class="group">
212        <a data-js-category="Grafika, Motion i 3D" href="/grafika-motion-i-3d"
213            class="c-header__item justify-between">
214            <div class="flex space-x-3 items-center">
215                <img class="h-5 w-5" src="/assets/specializations/grafika-motion-i-3d.svg"
216                    alt="Grafika, Motion i 3D">
217
218                <span>Grafika, Motion i 3D</span>
219            </div>
220            <span data-js-category-check class="opacity-0 transition-opacity h-4 w-4 text-primary-600">
221                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
222    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
223</svg>
224            </span>
225        </a>
226    </li>
227    <li class="group">
228        <a data-js-category="UI, UX i Webdesign" href="/ui-ux-i-webdesign"
229            class="c-header__item justify-between">
230            <div class="flex space-x-3 items-center">
231                <img class="h-5 w-5" src="/assets/specializations/ui-ux-i-webdesign.svg"
232                    alt="UI, UX i Webdesign">
233
234                <span>UI, UX i Webdesign</span>
235            </div>
236            <span data-js-category-check class="opacity-0 transition-opacity h-4 w-4 text-primary-600">
237                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
238    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
239</svg>
240            </span>
241        </a>
242    </li>
243
244                
245                <li class="group">
246                    <a data-js-category="Wszystkie kategorie" href="/" class="c-header__item justify-between">
247                        <div class="flex space-x-3 items-center">
248                            <img class="h-5 w-5" src="/assets/eduweb-min.svg" alt="Wszystkie kategorie">
249                            <span>Wszystkie kategorie</span>
250                        </div>
251                        <span data-js-category-check class="transition-opacity h-4 w-4 text-primary-600">
252                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
253    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
254</svg>
255                        </span>
256                    </a>
257                </li>
258            </ul>
259        </div>
260        <span class="hidden lg:block ct-divider"></span>
261        <li class="flex-shrink-0 group/link lg:relative flex items-center justify-between lg:justify-start c-header__link"
262            data-js-dropdown-toggle="szkolenia" data-js-tabs>
263            <p>Szkolenia</p>
264            <span
265                class="flex-shrink-0 ml-1.5 inline-block ct-text4 group-hover/link:text-neutral-900 dark:group-hover/link:text-neutral-50 w-4 h-4 transform -rotate-90 lg:rotate-0"
266                role="button">
267                <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
268    <path fill-rule="evenodd" clip-rule="evenodd"
269        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
270        fill="currentColor" />
271</svg>
272
273            </span>
274            <div class="invisible opacity-0 absolute z-[31] top-0 lg:top-9 left-0 lg:-left-3 lg:bottom-auto right-0 lg:right-auto bg-white dark:bg-neutral-800 lg:dark:bg-neutral-750 ct-text1 lg:shadow-2xl lg:rou
274nded-md lg:py-1 lg:w-80"
275                data-js-dropdown="szkolenia">
276                <div data-js-dropdown-close
277                     class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
278                    <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0" role="button">
279                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
280    <path fill-rule="evenodd" clip-rule="evenodd"
281        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
282        fill="currentColor" />
283</svg>
284
285                    </span>
286                    <p>Szkolenia</p>
287                </div>
288                
289                    
290
291<ul class="">
292        <li class="group">
293            <a data-js-category-list href="/biznes-i-automatyzacje" class="c-header__item justify-between">
294                <div class="flex space-x-3 items-center">
295                    <img class="h-5 w-5" src="/assets/specializations/biznes-i-automatyzacje.svg"
296                        alt="Biznes i Automatyzacje">
297
298                    <span>Biznes i Automatyzacje</span>
299                </div>
300                <span class="h-4 w-4 ct-text4"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
301                        viewBox="0 0 24 24" stroke="currentColor">
302                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
303                            d="M9 5l7 7-7 7"></path>
304                    </svg></span>
305            </a>
306            <div data-js-tabs2 class="hidden lg:group-hover:grid c-submenu">
307                <div data-js-category-close
308                    class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
309                    <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0"
310                        role="button">
311                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
312    <path fill-rule="evenodd" clip-rule="evenodd"
313        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
314        fill="currentColor" />
315</svg>
316
317                    </span>
318                    <p>Biznes i Automatyzacje</p>
319                </div>
320                <div class="c-submenu__tabs">
321                    <span data-js-tab2="biznes-spec" class="is-active">Specjalizacje</span>
322                    <span data-js-tab2="biznes-tech" class="">Technologie</span>
323                </div>
324                <div data-js-tab2-target="biznes-spec" class="c-submenu__col is-active">
325                    <p>Specjalizacje</p>
326                    <ul>
327                            <li><a href="/biznes-i-automatyzacje/automatyzacja-i-ai">Automatyzacja i AI</a></li>
328                            <li><a href="/biznes-i-automatyzacje/blockchain">Blockchain i Web3</a></li>
329                            <li><a href="/biznes-i-automatyzacje/marketing">Marketing</a></li>
330                            <li><a href="/biznes-i-automatyzacje/produktywnosc">Produktywność</a></li>
331                            <li><a href="/biznes-i-automatyzacje/rozwoj-biznesu">Rozwój biznesu</a></li>
332                            <li><a href="/biznes-i-automatyzacje/sprzedaz-i-e-commerce">Sprzedaż i e-commerce</a></li>
333                        <li><a href="/biznes-i-automatyzacje" class="text-primary-600">Wszystkie...</a></li>
334                    </ul>
335                </div>
336                <div data-js-tab2-target="biznes-tech" class="c-submenu__col">
337                    <p>Technologie</p>
338
339                    <ul>
340
341                                <li><a href="/biznes-i-automatyzacje/airtable">Airtable</a></li>
342                                <li><a href="/biznes-i-automatyzacje/inne">Inne</a></li>
343                                <li><a href="/biznes-i-automatyzacje/keyboardmestroo">Keyboard Maestro</a></li>
344                                <li><a href="/biznes-i-automatyzacje/make">Make</a></li>
345                                <li><a href="/biznes-i-automatyzacje/openai">OpenAI</a></li>
346                                <li><a href="/biznes-i-automatyzacje/blockchain">Blockchain</a></li>
347                                <li><a href="/biznes-i-automatyzacje/automatyzacja">Automatyzacja</a></li>
348                                <li><a href="/biznes-i-automatyzacje/google">Google</a></li>
349                                <li><a href="/biznes-i-automatyzacje/marka">Marka</a></li>
350                                <li><a href="/biznes-i-automatyzacje/seo">SEO</a></li>
351                                <li><a href="/biznes-i-automatyzacje/social-media">Social Media</a></li>
352                                <li><a href="/biznes-i-automatyzacje/notion">Notion</a></li>
353                                <li><a href="/biznes-i-automatyzacje/prawo">Prawo</a></li>
354                        <li><a href="/biznes-i-automatyzacje" class="text-primary-600">Wszystkie...</a></li>
355                    </ul>
356                </div>
357            </div>
358        </li>
359        <li class="group">
360            <a data-js-category-list href="/foto-audio-i-wideo" class="c-header__item justify-between">
361                <div class="flex space-x-3 items-center">
362                    <img class="h-5 w-5" src="/assets/specializations/foto-audio-i-wideo.svg"
363                        alt="Foto, Audio i Wideo">
364
365                    <span>Foto, Audio i Wideo</span>
366                </div>
367                <span class="h-4 w-4 ct-text4"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
368                        viewBox="0 0 24 24" stroke="currentColor">
369                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
370                            d="M9 5l7 7-7 7"></path>
371                    </svg></span>
372            </a>
373            <div data-js-tabs2 class="hidden lg:group-hover:grid c-submenu">
374                <div data-js-category-close
375                    class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
376                    <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0"
377                        role="button">
378                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
379    <path fill-rule="evenodd" clip-rule="evenodd"
380        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
381        fill="currentColor" />
382</svg>
383
384                    </span>
385                    <p>Foto, Audio i Wideo</p>
386                </div>
387                <div class="c-submenu__tabs">
388                    <span data-js-tab2="foto-spec" class="is-active">Specjalizacje</span>
389                    <span data-js-tab2="foto-tech" class="">Technologie</span>
390                </div>
391                <div data-js-tab2-target="foto-spec" class="c-submenu__col is-active">
392                    <p>Specjalizacje</p>
393                    <ul>
394                            <li><a href="/foto-audio-i-wideo/podstawy-fotografii">Podstawy Fotografii</a></li>
395                            <li><a href="/foto-audio-i-wideo/postprodukcja-foto">Postprodukcja Foto</a></li>
396                            <li><a href="/foto-audio-i-wideo/produkcja-audio">Produkcja Audio</a></li>
397                            <li><a href="/foto-audio-i-wideo/produkcja-wideo">Produkcja Wideo</a></li>
398                            <li><a href="/foto-audio-i-wideo/techniki-fotografowania">Techniki Fotografowania</a></li>
399                            <li><a href="/foto-audio-i-wideo/uzupelnij-wiedze">Uzupełnij wiedzę</a></li>
400                        <li><a href="/foto-audio-i-wideo" class="text-primary-600">Wszystkie...</a></li>
401                    </ul>
402                </div>
403                <div data-js-tab2-target="foto-tech" class="c-submenu__col">
404                    <p>Technologie</p>
405
406                    <ul>
407
408                                <li><a href="/foto-audio-i-wideo/affinity-photo">Affinity Photo</a></li>
409                                <li><a href="/foto-audio-i-wideo/capture-one">Capture One</a></li>
410                                <li><a href="/foto-audio-i-wideo/lightroom">Lightroom</a></li>
411                                <li><a href="/foto-audio-i-wideo/photoshop">Photoshop</a></li>
412                                <li><a href="/foto-audio-i-wideo/audition">Audition</a></li>
413                                <li><a href="/foto-audio-i-wideo/davinci">DaVinci Resolve</a></li>
414                                <li><a href="/foto-audio-i-wideo/premiere-pro">Premiere Pro</a></li>
415                                <li><a href="/foto-audio-i-wideo/sesje-zdjeciowe">Sesje zdjęciowe</a></li>
416                                <li><a href="/foto-audio-i-wideo/wiedza-sprzetowa">Wiedza sprzętowa</a></li>
417                        <li><a href="/foto-audio-i-wideo" class="text-primary-600">Wszystkie...</a></li>
418                    </ul>
419                </div>
420            </div>
421        </li>
422        <li class="group">
423            <a data-js-category-list href="/full-stack-i-programowanie" class="c-header__item justify-between">
424                <div class="flex space-x-3 items-center">
425                    <img class="h-5 w-5" src="/assets/specializations/full-stack-i-programowanie.svg"
426                        alt="Full-stack i Programowanie">
427
428                    <span>Full-stack i Programowanie</span>
429                </div>
430                <span class="h-4 w-4 ct-text4"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
431                        viewBox="0 0 24 24" stroke="currentColor">
432                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
433                            d="M9 5l7 7-7 7"></path>
434                    </svg></span>
435            </a>
436            <div data-js-tabs2 class="hidden lg:group-hover:grid c-submenu">
437                <div data-js-category-close
438                    class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
439                    <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0"
440                        role="button">
441                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
442    <path fill-rule="evenodd" clip-rule="evenodd"
443        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
444        fill="currentColor" />
445</svg>
446
447                    </span>
448                    <p>Full-stack i Programowanie</p>
449                </div>
450                <div class="c-submenu__tabs">
451                    <span data-js-tab2="full-spec" class="is-active">Specjalizacje</span>
452                    <span data-js-tab2="full-tech" class="">Technologie</span>
453                </div>
454                <div data-js-tab2-target="full-spec" class="c-submenu__col is-active">
455                    <p>Specjalizacje</p>
456                    <ul>
457                            <li><a href="/full-stack-i-programowanie/app-development">App development</a></li>
458                            <li><a href="/full-stack-i-programowanie/back-end-development">Back-end Development</a></li>
459                            <li><a href="/full-stack-i-programowanie/front-end-development">Front-end Development</a></li>
460                            <li><a href="/full-stack-i-programowanie/low-code">Low-code, automatyzacja i AI</a></li>
461                            <li><a href="/full-stack-i-programowanie/narzedzia-i-devops">Narzędzia i DevOps</a></li>
462                        <li><a href="/full-stack-i-programowanie" class="text-primary-600">Wszystkie...</a></li>
463                    </ul>
464                </div>
465                <div data-js-tab2-target="full-tech" class="c-submenu__col">
466                    <p>Technologie</p>
467
468                    <ul>
469
470                                <li><a href="/full-stack-i-programowanie/react-native">React Native</a></li>
471                                <li><a href="/full-stack-i-programowanie/go">Go</a></li>
472                                <li><a href="/full-stack-i-programowanie/java">Java</a></li>
473                                <li><a href="/full-stack-i-programowanie/laravel">Laravel</a></li>
474                                <li><a href="/full-stack-i-programowanie/nodejs">Node.js</a></li>
475                                <li><a href="/full-stack-i-programowanie/php">PHP</a></li>
476                                <li><a href="/full-stack-i-programowanie/python">Python</a></li>
477                                <li><a href="/full-stack-i-programowanie/ruby">Ruby</a></li>
478                                <li><a href="/full-stack-i-programowanie/wordpress">WordPress</a></li>
479                                <li><a href="/full-stack-i-programowanie/angular">Angular</a></li>
480                                <li><a href="/full-stack-i-programowanie/html-css">HTML i CSS</a></li>
481                                <li><a href="/full-stack-i-programowanie/javascript">JavaScript</a></li>
482                                <li><a href="/full-stack-i-programowanie/reactjs">ReactJS</a></li>
483                                <li><a href="/full-stack-i-programowanie/typescript">Typescript</a></li>
484                                <li><a href="/full-stack-i-programowanie/vuejs">Vue.js</a></li>
485                        <li><a href="/full-stack-i-programowanie" class="text-primary-600">Wszystkie...</a></li>
486                    </ul>
487                </div>
488            </div>
489        </li>
490        <li class="group">
491            <a data-js-category-list href="/grafika-motion-i-3d" class="c-header__item justify-between">
492                <div class="flex space-x-3 items-center">
493                    <img class="h-5 w-5" src="/assets/specializations/grafika-motion-i-3d.svg"
494                        alt="Grafika, Motion i 3D">
495
496                    <span>Grafika, Motion i 3D</span>
497                </div>
498                <span class="h-4 w-4 ct-text4"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
499                        viewBox="0 0 24 24" stroke="currentColor">
500                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
501                            d="M9 5l7 7-7 7"></path>
502                    </svg></span>
503            </a>
504            <div data-js-tabs2 class="hidden lg:group-hover:grid c-submenu">
505                <div data-js-category-close
506                    class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
507                    <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0"
508                        role="button">
509                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
510    <path fill-rule="evenodd" clip-rule="evenodd"
511        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
512        fill="currentColor" />
513</svg>
514
515                    </span>
516                    <p>Grafika, Motion i 3D</p>
517                </div>
518                <div class="c-submenu__tabs">
519                    <span data-js-tab2="grafika-spec" class="is-active">Specjalizacje</span>
520                    <span data-js-tab2="grafika-tech" class="">Technologie</span>
521                </div>
522                <div data-js-tab2-target="grafika-spec" class="c-submenu__col is-active">
523                    <p>Specjalizacje</p>
524                    <ul>
525                            <li><a href="/grafika-motion-i-3d/3d-vr-i-ar">3D, VR i AR</a></li>
526                            <li><a href="/grafika-motion-i-3d/dtp-i-digital-publishing">DTP i digital publishing</a></li>
527                            <li><a href="/grafika-motion-i-3d/motion-design">Motion design</a></li>
528                            <li><a href="/grafika-motion-i-3d/projektowanie-graficzne">Projektowanie graficzne</a></li>
529                            <li><a href="/grafika-motion-i-3d/rysunek-i-concept-art">Rysunek i Concept Art</a></li>
530                        <li><a href="/grafika-motion-i-3d" class="text-primary-600">Wszystkie...</a></li>
531                    </ul>
532                </div>
533                <div data-js-tab2-target="grafika-tech" class="c-submenu__col">
534                    <p>Technologie</p>
535
536                    <ul>
537
538                                <li><a href="/grafika-motion-i-3d/blender">Blender</a></li>
539                                <li><a href="/grafika-motion-i-3d/cinema-4d">Cinema 4D</a></li>
540                                <li><a href="/grafika-motion-i-3d/modo">Modo</a></li>
541                                <li><a href="/grafika-motion-i-3d/vr-i-ar">VR i AR</a></li>
542                                <li><a href="/grafika-motion-i-3d/zbrush">ZBrush</a></li>
543                                <li><a href="/grafika-motion-i-3d/affinity-publisher">Affinity Publisher</a></li>
544                                <li><a href="/grafika-motion-i-3d/indesign">InDesign</a></li>
545                                <li><a href="/grafika-motion-i-3d/after-effects">After Effects</a></li>
546                                <li><a href="/grafika-motion-i-3d/affinity-designer">Affinity Designer</a></li>
547                                <li><a href="/grafika-motion-i-3d/alludio">Alludio</a></li>
548                                <li><a href="/grafika-motion-i-3d/illustrator">Illustrator</a></li>
549                                <li><a href="/grafika-motion-i-3d/concept-art">Concept Art</a></li>
550                                <li><a href="/grafika-motion-i-3d/midjourney">Midjourney</a></li>
551                                <li><a href="/grafika-motion-i-3d/rysunek">Rysunek</a></li>
552                        <li><a href="/grafika-motion-i-3d" class="text-primary-600">Wszystkie...</a></li>
553                    </ul>
554                </div>
555            </div>
556        </li>
557        <li class="group">
558            <a data-js-category-list href="/ui-ux-i-webdesign" class="c-header__item justify-between">
559                <div class="flex space-x-3 items-center">
560                    <img class="h-5 w-5" src="/assets/specializations/ui-ux-i-webdesign.svg"
561                        alt="UI, UX i Webdesign">
562
563                    <span>UI, UX i Webdesign</span>
564                </div>
565                <span class="h-4 w-4 ct-text4"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
566                        viewBox="0 0 24 24" stroke="currentColor">
567                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
568                            d="M9 5l7 7-7 7"></path>
569                    </svg></span>
570            </a>
571            <div data-js-tabs2 class="hidden lg:group-hover:grid c-submenu">
572                <div data-js-category-close
573                    class="lg:hidden flex items-center  px-4 py-3 border-b ct-border text-sm font-bold ct-text1">
574                    <span class="mr-3 inline-block ct-text4 w-4 h-4 transform rotate-90 lg:rotate-0"
575                        role="button">
576                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
577    <path fill-rule="evenodd" clip-rule="evenodd"
578        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
579        fill="currentColor" />
580</svg>
581
582                    </span>
583                    <p>UI, UX i Webdesign</p>
584                </div>
585                <div class="c-submenu__tabs">
586                    <span data-js-tab2="ui-spec" class="is-active">Specjalizacje</span>
587                    <span data-js-tab2="ui-tech" class="">Technologie</span>
588                </div>
589                <div data-js-tab2-target="ui-spec" class="c-submenu__col is-active">
590                    <p>Specjalizacje</p>
591                    <ul>
592                            <li><a href="/ui-ux-i-webdesign/no-code">No-code</a></li>
593                            <li><a href="/ui-ux-i-webdesign/projektowanie-aplikacji">Projektowanie aplikacji</a></li>
594                            <li><a href="/ui-ux-i-webdesign/ui-design">UI Design</a></li>
595                            <li><a href="/ui-ux-i-webdesign/ux-design">UX Design</a></li>
596                        <li><a href="/ui-ux-i-webdesign" class="text-primary-600">Wszystkie...</a></li>
597                    </ul>
598                </div>
599                <div data-js-tab2-target="ui-tech" class="c-submenu__col">
600                    <p>Technologie</p>
601
602                    <ul>
603
604                                <li><a href="/ui-ux-i-webdesign/webflow">Webflow</a></li>
605                                <li><a href="/ui-ux-i-webdesign/adobe-xd">Adobe XD</a></li>
606                                <li><a href="/ui-ux-i-webdesign/figma">Figma</a></li>
607                                <li><a href="/ui-ux-i-webdesign/flinto">Flinto</a></li>
608                                <li><a href="/ui-ux-i-webdesign/framer">Framer</a></li>
609                                <li><a href="/ui-ux-i-webdesign/principle">Principle</a></li>
610                                <li><a href="/ui-ux-i-webdesign/sketch">Sketch</a></li>
611                                <li><a href="/ui-ux-i-webdesign/invision">InVision</a></li>
612                                <li><a href="/ui-ux-i-webdesign/user-experience">User Experience</a></li>
613                        <li><a href="/ui-ux-i-webdesign" class="text-primary-600">Wszystkie...</a></li>
614                    </ul>
615                </div>
616            </div>
617        </li>
618    <li class="group">
619        <a data-js-category-list href="/wyszukiwarka?Type=course" class="c-header__item">
620            <img class="w-5 h-5" src="/assets/eduweb-min.svg" alt="Wszystkie kursy">
621            <span>Wszystkie kursy</span>
622        </a>
623    </li>
624</ul>
625                
626            </div>
627        </li>
628    </ul>
629</nav>
630
631                    
632                    
633                    <section class="order-1 lg:order-2 lg:mr-3 group relative px-4 lg:px-0 py-1 lg:py-0 w-full  lg:w-48 2xl:w-72 " data-js-header-search>
634                        <form action="/wyszukiwarka">
635                            <input type="text" name="q" class="w-full ct-input" autocomplete="off" placeholder="Szukaj szkolenia..." data-js-search-input-main>
636                            <button data-js-topmenu-search type="submit" class="w-5 h-5 absolute top-1/2 right-6 lg:right-3 transform ct-text4 -translate-y-1/2 opacity-50 transition-opacity group-hover:opacity-100"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
637    <path fill-rule="evenodd" clip-rule="evenodd"
638        d="M8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4ZM2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 9.29583 13.5892 10.4957 12.8907 11.4765L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.4765 12.8907C10.4957 13.5892 9.29583 14 8 14C4.68629 14 2 11.3137 2 8Z"
639        fill="currentColor" />
640</svg>
641</button>
642                        </form>
643                    </section>
644
645
646                
647                </div>
648
649
650
651
652            
653<div class="flex-shrink-0 flex flex-col lg:flex-row lg:items-center flex-grow lg:flex-grow-0 border-b lg:border-b-0 ct-border">
654    <div class="c-header__cart" data-js-header-cart>
655        <a href="#" class="c-header__cart-action" data-js-cart-modal="main" data-js-cart-track data-cart="1">
656            <img src="/assets/icons/basket2-white-icon.svg" alt="Koszyk">
657        </a>
658    </div>
659        <a data-js-topmenu-pricelist href="/cennik" class="flex-shrink-0 c-header__link">Cennik</a>
660</div>
661
662    <span class="hidden lg:block ct-divider"></span>
663    <section class="flex flex-col lg:flex-row lg:space-x-1 p-4 lg:p-0">
664    <a class="text-center lg:text-left order-2 lg:order-1 c-header__link" data-js-login href="/logowanie"><span class="lg:hidden ct-text3">Masz już konto?</span> Zaloguj się</a>
665    <div class="order-1 lg:order-2">
666        <a href="/rejestracja"
667            class=" block w-full lg:w-auto text-center px-3 py-2 bg-primary-600 text-sm font-medium text-white rounded-md shadow-sm">Załóż
668            konto</a>
669    </div>
670</section>
671
672
673            </div>
674
675                                                                            <sp
675an class="absolute lg:hidden  opacity-100 transition-opacity top-3 right-3 w-8 h-8 flex items-center justify-center hover:bg-neutral-50 dark:hover:bg-neutral-700 ct-text3 hover:ct-text1 rounded-md " role="button" data-js-header-opened data-js-header-toggle>
676                                                                                    <span class="w-5 h-5"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
677    <path fill-rule="evenodd" clip-rule="evenodd"
678        d="M3 5C3 4.44772 3.44772 4 4 4H16C16.5523 4 17 4.44772 17 5C17 5.55228 16.5523 6 16 6H4C3.44772 6 3 5.55228 3 5Z"
679        fill="currentColor" />
680    <path fill-rule="evenodd" clip-rule="evenodd"
681        d="M3 10C3 9.44772 3.44772 9 4 9H16C16.5523 9 17 9.44772 17 10C17 10.5523 16.5523 11 16 11H4C3.44772 11 3 10.5523 3 10Z"
682        fill="currentColor" />
683    <path fill-rule="evenodd" clip-rule="evenodd"
684        d="M3 15C3 14.4477 3.44772 14 4 14H16C16.5523 14 17 14.4477 17 15C17 15.5523 16.5523 16 16 16H4C3.44772 16 3 15.5523 3 15Z"
685        fill="currentColor" />
686</svg>
687</span>
688                                                                            </span>
689                                                                                <span class="absolute lg:hidden opacity-0 transition-opacity top-3 right-3 sm:right-auto sm:left-[272px] w-8 h-8 flex items-center justify-center hover:bg-neutral-50 dark:hover:bg-neutral-700 ct-text3 hover:ct-text1 rounded-md " role="button" data-js-header-closed data-js-header-toggle>
690                                                                                <span class="w-5 h-5"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
691    <path fill-rule="evenodd" clip-rule="evenodd"
692        d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L10 8.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.4142 10L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L10 11.4142L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L8.58579 10L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"
693        fill="currentColor" />
694</svg>
695</span>
696                                                                            </span>
697
698    </header>
699
700    
701
702
703    <main class="pt-14 lg:pt-0 c-main is-menu-visible">
704
705        
706            
707
708<div class="z-30 c-search" data-js-search data-js-filter-container="search">
709
710    <form action="/wyszukiwarka/search" method="post">
711
712        <div class="pt-16 pb-6 ct-container bg-neutral-50 dark:bg-neutral-900 c-search__panel">
713            <div data-js-search-btn role="button" class="cursor-pointer absolute top-16 left-auto xl:-left-6 right-2 xl:right-auto p-2.5 ct-text3 hover:ct-text1">
714                <span class="block w-5 h-5">
715                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
716    <path fill-rule="evenodd"
717        d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
718        clip-rule="evenodd" />
719</svg>
720                </span>
721            </div>
722            <p data-js-search-title class="ct-h1 ct-text1">Wyszukiwarka</p>
723            <div class="mt-12">
724                <div class="flex items-center justify-between border-b ct-border">
725    <nav class="-mb-px flex space-x-4 sm:space-x-8" aria-label="Tabs">
726        <div data-js-search-reset="Type" data-js-search-level="4" class="c-search__tab is-checked">Wszystkie</div>
727        <div data-js-search-level="4" data-js-search-filter="Type=course" class="c-search__tab">Kursy</div>
728        <div data-js-search-level="4" data-js-search-filter="Type=path" class="c-search__tab">Ścieżki</div>
729        <div data-js-search-level="4" data-js-search-filter="Type=workshop" class="c-search__tab">Warsztaty</div>
730        <div data-js-search-level="4" data-js-search-filter="Type=events" class="c-search__tab">Wydarzenia</div>
731    </nav>
732    <p data-js-search-count class=" text-sm font-medium ct-text3"></p>
733</div>
734            </div>
735            <div class="mt-6">
736                <div class="ct-filters flex flex-col sm:flex-row sm:items-center sm:justify-between">
737    <div data-js-dropdown-group class="flex justify-between items-center">
738        <div class="lg:flex lg:items-center">
739            <button data-js-accordion-toggle="filters-mobile"
740                class="lg:hidden relative group p-2 pl-3 flex items-center space-x-1.5">
741                <span class="h-4 w-4 ct-text4 group-hover:ct-text1">
742                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
743    <path fill-rule="evenodd"
744        d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z"
745        clip-rule="evenodd" />
746</svg>
747                </span>
748                <span data-js-search-count-filters
749                    class="ct-text2 group-hover:ct-text1 text-sm font-medium">Filtry</span>
750            </button>
751            <div data-js-accordion="filters-mobile"
752                class="ct-filters__side transform transition-transform z-40  w-[260px] lg:w-auto bg-white
753                dark:bg-neutral-800 lg:bg-transparent lg:dark:bg-transparent fixed top-0 right-0 bottom-0 lg:relative flex flex-col  c-sidebar__scroll--2 lg:flex-row items-start lg:items-center">
754                <div class=" relative lg:hidden w-full
755                    flex-shrink-0
756                    h-16
757                    flex
758                    items-center
759                    justify-between
760                    space-x-3
761                    p-4
762                    border-b
763                    ct-div1
764                ">
765
766                    <p class="ct-text1 text-sm font-bold">
767                        Filtry
768                    </p>
769                    <span data-js-accordion-toggle="filters-mobile" class="h-5 w-5 ct-text4 hover:ct-text1">
770                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
771    <path fill-rule="evenodd" clip-rule="evenodd"
772        d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L10 8.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.4142 10L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L10 11.4142L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L8.58579 10L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"
773        fill="currentColor" />
774</svg>
775
776                    </span>
777                </div>
778                <button data-js-dropdown-toggle="categories" class="w-full lg:w-auto relative group ">
779                    <div
780                        class="w-full lg:w-auto p-4 lg:p-2 lg:pl-3 flex justify-between lg:justify-start items-center lg:space-x-1.5 border-b lg:border-b-0 ct-border">
781                        <span class="c-search__nav-close " data-js-search-reset="Specialization"
782                            data-js-search-level="1"></span>
783                        <span data-js-search-text="Wybierz kategorię"
784                            class="ct-text2 group-hover:ct-text1 text-sm font-medium">Wybierz kategorię
785                        </span>
786                        <span class="h-5 lg:h-4 w-5 lg:w-4 ct-text4 group-hover:ct-text1">
787                            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
788    <path fill-rule="evenodd" clip-rule="evenodd"
789        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
790        fill="currentColor" />
791</svg>
792
793                        </span>
794                    </div>
795                    <ul data-js-dropdown="categories"
796                        class="h-nice-scroll hidden lg:invisible opacity-0 lg:absolute top-full left-0 z-20 mt-1 lg:w-[270px] lg:max-h-60 overflow-x-hidden overflow-y-auto rounded-md ct-bg15 py-1 text-base lg:shadow-2xl lg:ring-1 lg:ring-black lg:ring-opacity-5 lg:focus:outline-none sm:text-sm font-medium text-left border-b lg:border-b-0 ct-border">
797                            <li class="ct-dropdown__item" data-js-search-level="1"
798                            data-js-search-filter="Specialization=biznes-i-automatyzacje"
799                            data-js-search-children="automatyzacja-i-ai,blockchain,marketing,produktywnosc,rozwoj-biznesu,sprzedaz-i-e-commerce">Biznes i Automatyzacje</li>
800                            <li class="ct-dropdown__item" data-js-search-level="1"
801                            data-js-search-filter="Specialization=foto-audio-i-wideo"
802                            data-js-search-children="podstawy-fotografii,postprodukcja-foto,produkcja-audio,produkcja-wideo,techniki-fotografowania,uzupelnij-wiedze">Foto, Audio i Wideo</li>
803                            <li class="ct-dropdown__item" data-js-search-level="1"
804                            data-js-search-filter="Specialization=full-stack-i-programowanie"
805                            data-js-search-children="app-development,back-end-development,front-end-development,low-code,narzedzia-i-devops">Full-stack i Programowanie</li>
806                            <li class="ct-dropdown__item" data-js-search-level="1"
807                            data-js-search-filter="Specialization=grafika-motion-i-3d"
808                            data-js-search-children="3d-vr-i-ar,dtp-i-digital-publishing,motion-design,projektowanie-graficzne,rysunek-i-concept-art">Grafika, Motion i 3D</li>
809                            <li class="ct-dropdown__item" data-js-search-level="1"
810                            data-js-search-filter="Specialization=ui-ux-i-webdesign"
811                            data-js-search-children="no-code,projektowanie-aplikacji,ui-design,ux-design">UI, UX i Webdesign</li>
812                    </ul>
813                </button>
814                <button data-js-dropdown-toggle="specializations"
815                    class="w-full lg:w-auto relative group disabled:pointer-events-none disabled:opacity-50">
816                    <div
817                        class="w-full lg:w-auto p-4 lg:p-2 lg:pl-3 flex justify-between lg:justify-start items-center lg:space-x-1.5 border-b lg:border-b-0 ct-border">
818                        <span class="c-search__nav-close" data-js-search-reset="Interest"
819                            data-js-search-level="2"></span>
820                        <span data-js-search-text="Specjalizacja"
821                            class="ct-text2 group-hover:ct-text1 text-sm font-medium">Specjalizacja
822                        </span>
823                        <span class="h-5 lg:h-4 w-5 lg:w-4 ct-text4 group-hover:ct-text1">
824                            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
825    <path fill-rule="evenodd" clip-rule="evenodd"
826        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
827        fill="currentColor" />
828</svg>
829
830                        </span>
831                    </div>
832                    <ul data-js-dropdown="specializations"
833                        class="h-nice-scroll hidden lg:invisible opacity-0 lg:absolute top-full left-0 z-20 mt-1 lg:w-[270px] lg:max-h-60 overflow-x-hidden overflow-y-auto rounded-md ct-bg15 py-1 text-base lg:shadow-2xl lg:ring-1 lg:ring-black lg:ring-opacity-5 lg:focus:outline-none sm:text-sm font-medium text-left border-b lg:border-b-0 ct-border">
834                            <li class="ct-dropdown__item" data-js-search-level="2"
835                            data-js-search-filter="Interest=automatyzacja-i-ai"
836                            data-js-search-id="Automatyzacja i AI" data-js-search-children="airtable,inne,keyboardmestroo,make,openai">
837                                Automatyzacja i AI</li>
838                            <li class="ct-dropdown__item" data-js-search-level="2"
839                            data-js-search-filter="Interest=blockchain"
840                            data-js-search-id="Blockchain i Web3" data-js-search-children="blockchain,inne">
841                                Blockchain i Web3</li>
842                            <li class="ct-dropdown__item" data-js-search-level="2"
843                            data-js-search-filter="Interest=marketing"
844                            data-js-search-id="Marketing" data-js-search-children="automatyzacja,google,inne,marka,seo,social-media">
845                                Marketing</li>
846                            <li class="ct-dropdown__item" data-js-search-level="2"
847                            data-js-search-filter="Interest=produktywnosc"
848                            data-js-search-id="Produktywność" data-js-search-children="inne,notion">
849                                Produktywność</li>
850                            <li class="ct-dropdown__item" data-js-search-level="2"
851                            data-js-search-filter="Interest=rozwoj-biznesu"
852                            data-js-search-id="Rozwój biznesu" data-js-search-children="inne">
853                                Rozwój biznesu</li>
854                            <li class="ct-dropdown__item" data-js-search-level="2"
855                            data-js-search-filter="Interest=sprzedaz-i-e-commerce"
856                            data-js-search-id="Sprzedaż i e-commerce" data-js-search-children="prawo">
857                                Sprzedaż i e-commerce</li>
858                            <li class="ct-dropdown__item" data-js-search-level="2"
859                            data-js-search-filter="Interest=podstawy-fotografii"
860                            data-js-search-id="Podstawy Fotografii" data-js-search-children="inne">
861                                Podstawy Fotografii</li>
862                            <li class="ct-dropdown__item" data-js-search-level="2"
863                            data-js-search-filter="Interest=postprodukcja-foto"
864                            data-js-search-id="Postprodukcja Foto" data-js-search-children="affinity-photo,capture-one,inne,lightroom,photoshop">
865                                Postprodukcja Foto</li>
866                            <li class="ct-dropdown__item" data-js-search-level="2"
867                            data-js-search-filter="Interest=produkcja-audio"
868                            data-js-search-id="Produkcja Audio" data-js-search-children="audition">
869                                Produkcja Audio</li>
870                            <li class="ct-dropdown__item" data-js-search-level="2"
871                            data-js-search-filter="Interest=produkcja-wideo"
872                            data-js-search-id="Produkcja Wideo" data-js-search-children="davinci,inne,premiere-pro">
873                                Produkcja Wideo</li>
874                            <li class="ct-dropdown__item" data-js-search-level="2"
875                            data-js-search-filter="Interest=techniki-fotografowania"
876                            data-js-search-id="Techniki Fotografowania" data-js-search-children="inne">
877                                Techniki Fotografowania</li>
878                            <li class="ct-dropdown__item" data-js-search-level="2"
879                            data-js-search-filter="Interest=uzupelnij-wiedze"
880                            data-js-search-id="Uzupełnij wiedzę" data-js-search-children="sesje-zdjeciowe,wiedza-sprzetowa">
881                                Uzupełnij wiedzę</li>
882                            <li class="ct-dropdown__item" data-js-search-level="2"
883                            data-js-search-filter="Interest=app-development"
884                            data-js-search-id="App development" data-js-search-children="inne,react-native">
885                                App development</li>
886                            <li class="ct-dropdown__item" data-js-search-level="2"
887                            data-js-search-filter="Interest=back-e
887nd-development"
888                            data-js-search-id="Back-end Development" data-js-search-children="go,inne,java,laravel,nodejs,php,python,ruby,wordpress">
889                                Back-end Development</li>
890                            <li class="ct-dropdown__item" data-js-search-level="2"
891                            data-js-search-filter="Interest=front-end-development"
892                            data-js-search-id="Front-end Development" data-js-search-children="angular,html-css,inne,javascript,reactjs,typescript,vuejs">
893                                Front-end Development</li>
894                            <li class="ct-dropdown__item" data-js-search-level="2"
895                            data-js-search-filter="Interest=game-development"
896                            data-js-search-id="Game Development" data-js-search-children="">
897                                Game Development</li>
898                            <li class="ct-dropdown__item" data-js-search-level="2"
899                            data-js-search-filter="Interest=low-code"
900                            data-js-search-id="Low-code, automatyzacja i AI" data-js-search-children="bubble">
901                                Low-code, automatyzacja i AI</li>
902                            <li class="ct-dropdown__item" data-js-search-level="2"
903                            data-js-search-filter="Interest=narzedzia-i-devops"
904                            data-js-search-id="Narzędzia i DevOps" data-js-search-children="docker,git,github">
905                                Narzędzia i DevOps</li>
906                            <li class="ct-dropdown__item" data-js-search-level="2"
907                            data-js-search-filter="Interest=3d-vr-i-ar"
908                            data-js-search-id="3D, VR i AR" data-js-search-children="blender,cinema-4d,modo,vr-i-ar,zbrush">
909                                3D, VR i AR</li>
910                            <li class="ct-dropdown__item" data-js-search-level="2"
911                            data-js-search-filter="Interest=dtp-i-digital-publishing"
912                            data-js-search-id="DTP i digital publishing" data-js-search-children="affinity-publisher,indesign">
913                                DTP i digital publishing</li>
914                            <li class="ct-dropdown__item" data-js-search-level="2"
915                            data-js-search-filter="Interest=motion-design"
916                            data-js-search-id="Motion design" data-js-search-children="after-effects,inne">
917                                Motion design</li>
918                            <li class="ct-dropdown__item" data-js-search-level="2"
919                            data-js-search-filter="Interest=projektowanie-graficzne"
920                            data-js-search-id="Projektowanie graficzne" data-js-search-children="affinity-designer,affinity-photo,alludio,illustrator,inne">
921                                Projektowanie graficzne</li>
922                            <li class="ct-dropdown__item" data-js-search-level="2"
923                            data-js-search-filter="Interest=rysunek-i-concept-art"
924                            data-js-search-id="Rysunek i Concept Art" data-js-search-children="concept-art,midjourney,photoshop,rysunek">
925                                Rysunek i Concept Art</li>
926                            <li class="ct-dropdown__item" data-js-search-level="2"
927                            data-js-search-filter="Interest=no-code"
928                            data-js-search-id="No-code" data-js-search-children="webflow">
929                                No-code</li>
930                            <li class="ct-dropdown__item" data-js-search-level="2"
931                            data-js-search-filter="Interest=projektowanie-aplikacji"
932                            data-js-search-id="Projektowanie aplikacji" data-js-search-children="inne">
933                                Projektowanie aplikacji</li>
934                            <li class="ct-dropdown__item" data-js-search-level="2"
935                            data-js-search-filter="Interest=ui-design"
936                            data-js-search-id="UI Design" data-js-search-children="adobe-xd,figma,flinto,framer,inne,principle,sketch">
937                                UI Design</li>
938                            <li class="ct-dropdown__item" data-js-search-level="2"
939                            data-js-search-filter="Interest=ux-design"
940                            data-js-search-id="UX Design" data-js-search-children="inne,invision,user-experience">
941                                UX Design</li>
942                    </ul>
943                </button>
944                <button data-js-dropdown-toggle="technologies"
945                    class="w-full lg:w-auto relative group disabled:pointer-events-none disabled:opacity-50">
946                    <div
947                        class="w-full lg:w-auto p-4 lg:p-2 lg:pl-3 flex justify-between lg:justify-start items-center lg:space-x-1.5 border-b lg:border-b-0 ct-border">
948                        <span class="c-search__nav-close" data-js-search-reset="Technology"
949                            data-js-search-level="3"></span>
950                        <span data-js-search-text="Technologia"
951                            class="ct-text2 group-hover:ct-text1 text-sm font-medium">Technologia
952                        </span>
953                        <span class="h-5 lg:h-4 w-5 lg:w-4 ct-text4 group-hover:ct-text1">
954                            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
955    <path fill-rule="evenodd" clip-rule="evenodd"
956        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
957        fill="currentColor" />
958</svg>
959
960                        </span>
961                    </div>
962                    <ul data-js-dropdown="technologies"
963                        class="h-nice-scroll hidden lg:invisible opacity-0 lg:absolute top-full left-0 z-20 mt-1 lg:w-[270px] lg:max-h-60 overflow-x-hidden overflow-y-auto rounded-md ct-bg15 py-1 text-base lg:shadow-2xl lg:ring-1 lg:ring-black lg:ring-opacity-5 lg:focus:outline-none sm:text-sm font-medium text-left border-b lg:border-b-0 ct-border">
964                            <li class="ct-dropdown__item" data-js-search-level="3"
965                            data-js-search-filter="Technology=airtable"
966                            data-js-search-id="Airtable">Airtable</li>
967                            <li class="ct-dropdown__item" data-js-search-level="3"
968                            data-js-search-filter="Technology=inne"
969                            data-js-search-id="Inne">Inne</li>
970                            <li class="ct-dropdown__item" data-js-search-level="3"
971                            data-js-search-filter="Technology=keyboardmestroo"
972                            data-js-search-id="Keyboard Maestro">Keyboard Maestro</li>
973                            <li class="ct-dropdown__item" data-js-search-level="3"
974                            data-js-search-filter="Technology=make"
975                            data-js-search-id="Make">Make</li>
976                            <li class="ct-dropdown__item" data-js-search-level="3"
977                            data-js-search-filter="Technology=openai"
978                            data-js-search-id="OpenAI">OpenAI</li>
979                            <li class="ct-dropdown__item" data-js-search-level="3"
980                            data-js-search-filter="Technology=blockchain"
981                            data-js-search-id="Blockchain">Blockchain</li>
982                            <li class="ct-dropdown__item" data-js-search-level="3"
983                            data-js-search-filter="Technology=automatyzacja"
984                            data-js-search-id="Automatyzacja">Automatyzacja</li>
985                            <li class="ct-dropdown__item" data-js-search-level="3"
986                            data-js-search-filter="Technology=google"
987                            data-js-search-id="Google">Google</li>
988                            <li class="ct-dropdown__item" data-js-search-level="3"
989                            data-js-search-filter="Technology=marka"
990                            data-js-search-id="Marka">Marka</li>
991                            <li class="ct-dropdown__item" data-js-search-level="3"
992                            data-js-search-filter="Technology=seo"
993                            data-js-search-id="SEO">SEO</li>
994                            <li class="ct-dropdown__item" data-js-search-level="3"
995                            data-js-search-filter="Technology=social-media"
996                            data-js-search-id="Social Media">Social Media</li>
997                            <li class="ct-dropdown__item" data-js-search-level="3"
998                            data-js-search-filter="Technology=notion"
999                            data-js-search-id="Notion">Notion</li>
1000                            <li class="ct-dropdown__item" data-js-search-level="3"
1001                            data-js-search-filter="Technology=prawo"
1002                            data-js-search-id="Prawo">Prawo</li>
1003                            <li class="ct-dropdown__item" data-js-search-level="3"
1004                            data-js-search-filter="Technology=affinity-photo"
1005                            data-js-search-id="Affinity Photo">Affinity Photo</li>
1006                            <li class="ct-dropdown__item" data-js-search-level="3"
1007                            data-js-search-filter="Technology=capture-one"
1008                            data-js-search-id="Capture One">Capture One</li>
1009                            <li class="ct-dropdown__item" data-js-search-level="3"
1010                            data-js-search-filter="Technology=lightroom"
1011                            data-js-search-id="Lightroom">Lightroom</li>
1012                            <li class="ct-dropdown__item" data-js-search-level="3"
1013                            data-js-search-filter="Technology=photoshop"
1014                            data-js-search-id="Photoshop">Photoshop</li>
1015                            <li class="ct-dropdown__item" data-js-search-level="3"
1016                            data-js-search-filter="Technology=audition"
1017                            data-js-search-id="Audition">Audition</li>
1018                            <li class="ct-dropdown__item" data-js-search-level="3"
1019                            data-js-search-filter="Technology=davinci"
1020                            data-js-search-id="DaVinci Resolve">DaVinci Resolve</li>
1021                            <li class="ct-dropdown__item" data-js-search-level="3"
1022                            data-js-search-filter="Technology=premiere-pro"
1023                            data-js-search-id="Premiere Pro">Premiere Pro</li>
1024                            <li class="ct-dropdown__item" data-js-search-level="3"
1025                            data-js-search-filter="Technology=sesje-zdjeciowe"
1026                            data-js-search-id="Sesje zdjęciowe">Sesje zdjęciowe</li>
1027                            <li class="ct-dropdown__item" data-js-search-level="3"
1028                            data-js-search-filter="Technology=wiedza-sprzetowa"
1029                            data-js-search-id="Wiedza sprzętowa">Wiedza sprzętowa</li>
1030                            <li class="ct-dropdown__item" data-js-search-level="3"
1031                            data-js-search-filter="Technology=react-native"
1032                            data-js-search-id="React Native">React Native</li>
1033                            <li class="ct-dropdown__item" data-js-search-level="3"
1034                            data-js-search-filter="Technology=go"
1035                            data-js-search-id="Go">Go</li>
1036                            <li class="ct-dropdown__item" data-js-search-level="3"
1037                            data-js-search-filter="Technology=java"
1038                            data-js-search-id="Java">Java</li>
1039                            <li class="ct-dropdown__item" data-js-search-level="3"
1040                            data-js-search-filter="Technology=laravel"
1041                            data-js-search-id="Laravel">Laravel</li>
1042                            <li class="ct-dropdown__item" data-js-search-level="3"
1043                            data-js-search-filter="Technology=nodejs"
1044                            data-js-search-id="Node.js">Node.js</li>
1045                            <li class="ct-dropdown__item" data-js-search-level="3"
1046                            data-js-search-filter="Technology=php"
1047                            data-js-search-id="PHP">PHP</li>
1048                            <li class="ct-dropdown__item" data-js-search-level="3"
1049                            data-js-search-filter="Technology=python"
1050                            data-js-search-id="Python">Python</li>
1051                            <li class="ct-dropdown__item" data-js-search-level="3"
1052                            data-js-search-filter="Technology=ruby"
1053                            data-js-search-id="Ruby">Ruby</li>
1054                            <li class="ct-dropdown__item" data-js-search-level="3"
1055                            data-js-search-filter="Technology=wordpress"
1056                            data-js-search-id="WordPress">WordPress</li>
1057                            <li class="ct-dropdown__item" data-js-search-level="3"
1058                            data-js-search-filter="Technology=angular"
1059                            data-js-search-id="Angular">Angular</li>
1060                            <li class="ct-dropdown__item" data-js-search-level="3"
1061                            data-js-search-filter="Technology=html-css"
1062                            data-js-search-id="HTML i CSS">HTML i CSS</li>
1063                            <li class="ct-dropdown__item" data-js-search-level="3"
1064                            data-js-search-filter="Technology=javascript"
1065                            data-js-search-id="JavaScript">JavaScript</li>
1066                            <li class="ct-dropdown__item" data-js-search-level="3"
1067                            data-js-search-filter="Technology=reactjs"
1068                            data-js-search-id="ReactJS">ReactJS</li>
1069                            <li class="ct-dropdown__item" data-js-search-level="3"
1070                            data-js-search-filter="Technology=typescript"
1071                            data-js-search-id="Typescript">Typescript</li>
1072                            <li class="ct-dropdown__item" data-js-search-level="3"
1073                            data-js-search-filter="Technology=vuejs"
1074                            data-js-search-id="Vue.js">Vue.js</li>
1075                            <li class="ct-dropdown__item" data-js-search-level="3"
1076                            data-js-search-filter="Technology=bubble"
1077                            data-js-search-id="Bubble">Bubble</li>
1078                            <li class="ct-dropdown__item" data-js-search-level="3"
1079                            data-js-search-filter="Technology=docker"
1080                            data-js-search-id="Docker">Docker</li>
1081                            <li class="ct-dropdown__item" data-js-search-level="3"
1082                            data-js-search-filter="Technology=git"
1083                            data-js-search-id="Git">Git</li>
1084                            <li class="ct-dropdown__item" data-js-search-level="3"
1085                            data-js-search-filter="Technology=github"
1086                            data-js-search-id="Github">Github</li>
1087                            <li class="ct-dropdown__item" data-js-search-level="3"
1088                            data-js-search-filter="Technology=blender"
1089                            data-js-search-id="Blender">Blender</li>
1090                            <li class="ct-dropdown__item" data-js-search-level="3"
1091                            data-js-search-filter="Technology=cinema-4d"
1092                            data-js-search-id="Cinema 4D">Cinema 4D</li>
1093                            <li class="ct-dropdown__item" data-js-search-level="3"
1094                            data-js-search-filter="Technology=modo"
1095                            data-js-search-id="Modo">Modo</li>
1096                            <li class="ct-dropdown__item" data-js-search-level="3"
1097                            data-js-search-filter="Technology=vr-i-ar"
1098                            data-js-search-id="VR i AR">VR i AR</li>
1099                            <li class="ct-dropdown__item" data-js-search-level="3"
1100                            data-js-search-filter="Technology=zbrush"
1101                            data-js-search-id="ZBrush">ZBrush</li>
1102                            <li class="ct-dropdown__item" data-js-search-level="3"
1103                            data-js-search-filter="Technology=affinity-publisher"
1104                            data-js-search-id="Affinity Publisher">Affinity Publisher</li>
1105                            <li class="ct-dropdown__item" data-js-search-level="3"
1106                            data-js-search-filter="Technology=indesign"
1107                            data-js-search-id="InDesign">InDesign</li>
1108                            <li class="ct-dropdown__item" data-js-search-level="3"
1109                            data-js-search-filter="Technology=after-effects"
1110                            data-js-search-id="After Effects">After Effects</li>
1111                            <li class="ct-dropdown__item" data-js-search-level="3"
1112                            data-js-search-filter="Technology=affinity-designer"
1113                            data-js-search-id="Affinity Designer">Affinity Designer</li>
1114                            <li class="ct-dropdown__item" data-js-search-level="3"
1115                            data-js-search-filter="Technology=alludio"
1116                            data-js-search-id="Alludio">Alludio</li>
1117                            <li class="ct-dropdown__item" data-js-search-level="3"
1118                            data-js-search-filter="Technology=illustrator"
1119                            data-js-search-id="Illustrator">Illustrator</li>
1120                            <li class="ct-dropdown__item" data-js-search-level="3"
1121                            data-js-search-filter="Technology=concept-art"
1122                            data-js-search-id="Concept Art">Concept Art</li>
1123                            <li class="ct-dropdown__item" data-js-search-level="3"
1124                            data-js-search-filter="Technology=midjourney"
1125                            data-js-search-id="Midjourney">Midjourney</li>
1126                            <li class="ct-dropdown__item" data-js-search-level="3"
1127                            data-js-search-filter="Technology=rysunek"
1128                            data-js-search-id="Rysunek">Rysunek</li>
1129                            <li class="ct-dropdown__item" data-js-search-level="3"
1130                            data-js-search-filter="Technology=webflow"
1131                            data-js-search-id="Webflow">Webflow</li>
1132                            <li class="ct-dropdown__item" data-js-search-level="3"
1133                            data-js-search-filter="Technology=adobe-xd"
1134                            data-js-search-id="Adobe XD">Adobe XD</li>
1135                            <li class="ct-dropdown__item" data-js-search-level="3"
1136                            data-js-search-filter="Technology=figma"
1137                            data-js-search-id="Figma">Figma</li>
1138                            <li class="ct-dropdown__item" data-js-search-level="3"
1139                            data-js-search-filter="Technology=flinto"
1140                            data-js-search-id="Flinto">Flinto</li>
1141                            <li class="ct-dropdown__item" data-js-search-level="3"
1142                            data-js-search-filter="Technology=framer"
1143                            data-js-search-id="Framer">Framer</li>
1144                            <li class="ct-dropdown__item" data-js-search-level="3"
1145                            data-js-search-filter="Technology=principle"
1146                            data-js-search-id="Principle">Principle</li>
1147                            <li class="ct-dropdown__item" data-js-search-level="3"
1148                            data-js-search-filter="Technology=sketch"
1149                            data-js-search-id="Sketch">Sketch</li>
1150                            <li class="ct-dropdown__item" data-js-search-level="3"
1151                            data-js-search-filter="Technology=invision"
1152                            data-js-search-id="InVision">InVision</li>
1153                            <li class="ct-dropdown__item" data-js-search-level="3"
1154                            data-js-search-filter="Technology=user-experience"
1155                            data-js-search-id="User Experience">User Experience</li>
1156
1157                    </ul>
1158                </button>
1159            </div>
1160        </div>
1161        <span class="ct-divider"></span>
1162        <div class="flex flex-grow justify-between items-center">
1163            <button data-js-dropdown-toggle="sorters"
1164                class="order-3 lg:order-none relative group p-2 pl-3 flex items-center space-x-1.5">
1165                <span class="ct-text2 group-hover:ct-text1 text-sm font-medium">Sortuj
1166                </span>
1167                <span class="h-4 w-4 ct-text4 group-hover:ct-text1">
1168                    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1169    <path fill-rule="evenodd" clip-rule="evenodd"
1170        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
1171        fill="currentColor" />
1172</svg>
1173
1174                </span>
1175                <ul data-js-dropdown="sorters" class="lg:w-[172px] ct-dropdown ct-dropdown--right ct-dropdown--left-sm">
1176                    <li data-js-filter-sort="createdate" class="ct-dropdown__item">Najnowsze</li>
1177                    <li data-js-filter-sort="rating" class="ct-dropdown__item">Najlepiej oceniane</li>
1178                    <li data-js-filter-sort="name,-1" class="ct-dropdown__item">Nazwa</li>
1179                </ul>
1180            </button>
1181            <span class="hidden lg:inline-block ct-divider"></span>
1182            <button data-js-filter-clear data-js-search-resets
1183                class="cursor-pointer p-2 pl-3 text-sm font-medium ct-text4 hover:ct-text1">
1184                Resetuj filtry
1185            </button>
1186        </div>
1187    </div>
1188    <div class="mt-2 sm:mt-0 relative w-full sm:w-auto">
1189        <input type="text" name="query" class="w-full sm:w-72 ct-input" placeholder="Szukaj..." autocomplete="off"
1190             data-js-search-input />
1191        <span class="
1192                        w-5
1193                        h-5
1194                        absolute
1195                        top-1/2
1196                        right-3
1197                        transform
1198                        ct-text4
1199                        -translate-y-1/2
1200                    ">
1201            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1202    <path fill-rule="evenodd" clip-rule="evenodd"
1203        d="M8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4ZM2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 9.29583 13.5892 10.4957 12.8907 11.4765L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.4765 12.8907C10.4957 13.5892 9.29583 14 8 14C4.68629 14 2 11.3137 2 8Z"
1204        fill="currentColor" />
1205</svg>
1206
1207        </span>
1208    </div>
1209</div>
1210            </div>
1211
1212
1213
1214
1215
1216        </div>
1217
1218    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8N-eDe5ip5lNkq-vNLt67zVQcwXraxHyvLs1Lpqjpy7L0AQ1AisBcyodx2rJHXHWov1y0kH-6uV1VZQ60hVI3D9iA-31b8mjXrDwZJOGfo0nV2KdK9zlwm7giZs4Hzq67VTEZAfBlibEev3xSKXpWE8" /></form>
1219
1220</div>
1221
1222        
1223
1224        <div class="c-main__content">
1225            <div data-js-content>
1226                
1227
1228<div class="pt-16 ct-container">
1229    <h1 class="mb-12 ct-h1 ct-text1">Blog eduweb</h1>
1230    <div class="swiper blogSwiper relative overflow-hidden ">
1231        <div class="mb-6 flex items-center justify-between space-x-4">
1232            <h2 class="mt-4 text-2xl font-bold ct-text1">Polecane artykuły</h2>
1233            <div class="flex items-center space-x-1">
1234    <div
1235        class="swiper-button-prev cursor-pointer flex items-center justify-center w-8 h-8 rounded-md  border ct-div1 hover:border-neutral-400 dark:hover:border-neutral-500 ct-text4 hover:ct-text1">
1236        <span class="w-5 h-5  transform rotate-90">
1237            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1238    <path fill-rule="evenodd" clip-rule="evenodd"
1239        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
1240        fill="currentColor" />
1241</svg>
1242
1243        </span>
1244    </div>
1245    <div
1246        class="swiper-button-next cursor-pointer flex items-center justify-center w-8 h-8 rounded-md  border ct-div1 hover:border-neutral-400 dark:hover:border-neutral-500 ct-text4 hover:ct-text1">
1247        <span class="w-5 h-5 transform -rotate-90">
1248            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1249    <path fill-rule="evenodd" clip-rule="evenodd"
1250        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
1251        fill="currentColor" />
1252</svg>
1253
1254        </span>
1255    </div>
1256</div>
1257
1258        </div>
1259        <div class="swiper-wrapper">
1260
1261<div class="swiper-slide">
1262    <a href="/blog/nowy-eduweb" class="ct-card-wrapper--tight flex flex-col md:flex-row items-center overflow-hidden">
1263        <img src="https://space.eduweb.pl/files/misc/03X6nGEKPlhGVi93mWxX.jpg" class="h-[180px] md:h-[300px] w-full md:w-1/2 lg:w-1/3 object-cover">
1264
1265        <div class="p-4 sm:p-12">
1266            <p class="flex space-x-2 items-center text-sm font-normal ct-text3"><span class="ct-text1">Grzegorz Róg</span> <span class="ct-dot"></span> <span>28 lipca 2023</span></p>
1267        
1268            <p class="mt-6 text-2xl font-bold">Nowy eduweb - czy warto?</p>
1269            <p class="mt-6 text-base font-normal ct-text3">Zobacz, co nowego przygotowaliśmy dla Ciebie w ostatniej odsłonie serwisu eduweb! Poza ścisłym połączeniem ze społecznością, odkrywamy nowy design, asystenta AI i wiele więcej!</p>
1270        
1271            <span class="cursor-pointer !inline-block mt-6 ct-btn-secondary">Zobacz szczegóły</span>
1272        </div>
1273    </a>
1274    
1275</div>
1276        </div>    
1277    </div>
1278
1279    <div data-js-filter-container="articles" class="mt-24">
1280        <h2 class="ml-[18px] pb-4 border-b ct-div1 mt-24 text-2xl font-bold ct-text1">Wszystkie artykuły</h2>
1281        <div class="mt-4">
1282            
1283
1284<div class="ct-filters flex flex-col sm:flex-row sm:items-center sm:justify-between">
1285    <div data-js-dropdown-group class="flex justify-between items-center">
1286        <div class="lg:flex lg:items-center">
1287            <button data-js-accordion-toggle="filters-mobile"
1288                class="lg:hidden relative group p-2 pl-3 flex items-center space-x-1.5">
1289                <span class="h-4 w-4 ct-text4 group-hover:ct-text1">
1290                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
1291    <path fill-rule="evenodd"
1292        d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z"
1293        clip-rule="evenodd" />
1294</svg>
1295                </span>
1296                <span data-js-search-count-filters
1297                    class="ct-text2 group-hover:ct-text1 text-sm font-medium">Filtry</span>
1298            </button>
1299            <div data-js-accordion="filters-mobile"
1300                class="ct-filters__side transform transition-transform z-40  w-[260px] lg:w-auto bg-white
1301                dark:bg-neutral-800 lg:bg-transparent lg:dark:bg-transparent fixed top-0 right-0 bottom-0 lg:relative flex flex-col  c-sidebar__scroll--2 lg:flex-row items-start lg:items-center">
1302                <div class=" relative lg:hidden w-full
1303                    flex-shrink-0
1304                    h-16
1305                    flex
1306                    items-center
1307                    justify-between
1308                    space-x-3
1309                    p-4
1310                    border-b
1311                    ct-div1
1312                ">
1313
1314                    <p class="ct-text1 text-sm font-bold">
1315                        Filtry
1316                    </p>
1317                    <span data-js-accordion-toggle="filters-mobile" class="h-5 w-5 ct-text4 hover:ct-text1">
1318                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1319    <path fill-rule="evenodd" clip-rule="evenodd"
1320        d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L10 8.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.4142 10L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L10 11.4142L5.70711 15.7071C5.31658 16.
13200976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L8.58579 10L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"
1321        fill="currentColor" />
1322</svg>
1323
1324                    </span>
1325                </div>
1326                <button data-js-dropdown-toggle="categories" class="w-full lg:w-auto relative group ">
1327                    <div
1328                        class="w-full lg:w-auto p-4 lg:p-2 lg:pl-3 flex justify-between lg:justify-start items-center lg:space-x-1.5 border-b lg:border-b-0 ct-border">
1329                        <span class="c-search__nav-close " data-js-search-reset="Specialization"
1330                            data-js-search-level="1"></span>
1331                        <span data-js-search-text="Wybierz kategorię"
1332                            class="ct-text2 group-hover:ct-text1 text-sm font-medium">Wybierz kategorię
1333                        </span>
1334                        <span class="h-5 lg:h-4 w-5 lg:w-4 ct-text4 group-hover:ct-text1">
1335                            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1336    <path fill-rule="evenodd" clip-rule="evenodd"
1337        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
1338        fill="currentColor" />
1339</svg>
1340
1341                        </span>
1342                    </div>
1343                    <ul data-js-dropdown="categories"
1344                        class="h-nice-scroll hidden lg:invisible opacity-0 lg:absolute top-full left-0 z-20 mt-1 lg:w-[270px] lg:max-h-60 overflow-x-hidden overflow-y-auto rounded-md ct-bg15 py-1 text-base lg:shadow-2xl lg:ring-1 lg:ring-black lg:ring-opacity-5 lg:focus:outline-none sm:text-sm font-medium text-left border-b lg:border-b-0 ct-border">
1345                            <li class="ct-dropdown__item" data-js-search-level="1"
1346                            data-js-filter-specialization="grafika-motion-i-3d"
1347                            >Grafika, Motion i 3D</li>
1348                            <li class="ct-dropdown__item" data-js-search-level="1"
1349                            data-js-filter-specialization="full-stack-i-programowanie"
1350                            >Full-stack i Programowanie</li>
1351                            <li class="ct-dropdown__item" data-js-search-level="1"
1352                            data-js-filter-specialization="foto-audio-i-wideo"
1353                            >Foto, Audio i Wideo</li>
1354                            <li class="ct-dropdown__item" data-js-search-level="1"
1355                            data-js-filter-specialization="biznes-i-automatyzacje"
1356                            >Biznes i Automatyzacje</li>
1357                            <li class="ct-dropdown__item" data-js-search-level="1"
1358                            data-js-filter-specialization="ui-ux-i-webdesign"
1359                            >UI, UX i Webdesign</li>
1360                    </ul>
1361                </button>
1362            </div>
1363        </div>
1364        <span class="ct-divider"></span>
1365        <div class="flex flex-grow justify-between items-center">
1366            <button data-js-dropdown-toggle="sorters"
1367                class="order-3 lg:order-none relative group p-2 pl-3 flex items-center space-x-1.5">
1368                <span class="ct-text2 group-hover:ct-text1 text-sm font-medium">Sortuj
1369                </span>
1370                <span class="h-4 w-4 ct-text4 group-hover:ct-text1">
1371                    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1372    <path fill-rule="evenodd" clip-rule="evenodd"
1373        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
1374        fill="currentColor" />
1375</svg>
1376
1377                </span>
1378                <ul data-js-dropdown="sorters" class="lg:w-[172px] ct-dropdown ct-dropdown--right ct-dropdown--left-sm">
1379                    <li data-js-filter-sort="createdate" class="ct-dropdown__item">Najnowsze</li>
1380                    <li data-js-filter-sort="name,-1" class="ct-dropdown__item">Nazwa</li>
1381                </ul>
1382            </button>
1383            <span class="hidden lg:inline-block ct-divider"></span>
1384            <button data-js-filter-clear
1385                class="cursor-pointer p-2 pl-3 text-sm font-medium ct-text4 hover:ct-text1">
1386                Resetuj filtry
1387            </button>
1388        </div>
1389    </div>
1390    <div class="mt-2 sm:mt-0 relative w-full sm:w-auto">
1391        <input data-js-filter-search type="text" name="query" class="w-full sm:w-72 ct-input" placeholder="Szukaj..." autocomplete="off" />
1392        <span class="
1393                        w-5
1394                        h-5
1395                        absolute
1396                        top-1/2
1397                        right-3
1398                        transform
1399                        ct-text4
1400                        -translate-y-1/2
1401                    ">
1402            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1403    <path fill-rule="evenodd" clip-rule="evenodd"
1404        d="M8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4ZM2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 9.29583 13.5892 10.4957 12.8907 11.4765L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.4765 12.8907C10.4957 13.5892 9.29583 14 8 14C4.68629 14 2 11.3137 2 8Z"
1405        fill="currentColor" />
1406</svg>
1407
1408        </span>
1409    </div>
1410</div>
1411        </div>
1412        <ul data-js-filter-items="articles" class="mt-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
1413
1414<a data-js-filter-item data-name="Nauka online w twojej firmie — jak to robić skutecznie?" data-createdate="10/16/2023 12:00:00 AM" data-specialization="" href="/blog/nauka-online-w-twojej-firmie-jak-to-robic-skutecznie" class="ct-card-wrapper ct-ring">
1415        <img src="https://cdn.discordapp.com/attachments/1161211662037159976/1163603530419023913/wojtekgruszka_Vector_people_analytics_a_chart._minimalistic_vec_a907cb85-789e-48bd-acfc-7b1b502d737c.png?ex=65402d3c&amp;is=652db83c&amp;hm=10fd8fd7cb067bb7037c9492f46bf55a196e8437f79eb87eab9ef191ef410255&amp;" class="h-12 w-12 object-cover rounded-md">
1416
1417    <p class="mt-6 text-base font-bold">Nauka online w twojej firmie — jak to robić skutecznie?</p>
1418    <p class="mt-2 text-sm font-normal ct-text3">W grudniu 2021 roku firma Goodhabitz zrealizowała w 13 europejskich krajach badanie pracowników umysłowych i zebrała odpowiedzi 14 671 respondentów. Pytania dotyczyły tego, jak i czego chcą się nauczyć pracownicy polskich i europejskich firm. Wielkość próby i wnioski płynące z tych danych są na tyle duża, że warto sprawdzić, co jest w środku tego badania.  </p>
1419
1420    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Wojtek Gruszka</span>
1421    
1422    <span class="ct-dot"></span> <span>16 października 2023</span></p>
1423    
1424</a>
1425
1426<a data-js-filter-item data-name="Zalety i wady pracy freelancera" data-createdate="9/21/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/zalety-i-wady-pracy-freelancera" class="ct-card-wrapper ct-ring">
1427        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1428
1429    <p class="mt-6 text-base font-bold">Zalety i wady pracy freelancera</p>
1430    <p class="mt-2 text-sm font-normal ct-text3">Czujesz potrzebę samodzielnego decydowania o swojej pracy, ale boisz się ryzyka związanego z freelancingiem? Przez lata pracowałem jako freelancer i chciałbym podzielić się z tobą swoimi doświadczeniami. Pamiętaj, decyzja o przejściu na freelancing wymaga dużej samodyscypliny i odpowiedzialności, ale daje też ogromne możliwości rozwoju zawodowego.</p>
1431
1432    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1433    
1434    <span class="ct-dot"></span> <span>21 września 2023</span></p>
1435    
1436</a>
1437
1438<a data-js-filter-item data-name="Podstawowe zasady w Typografii" data-createdate="9/21/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/podstawowe-zasady-w-typografii" class="ct-card-wrapper ct-ring">
1439        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1440
1441    <p class="mt-6 text-base font-bold">Podstawowe zasady w Typografii</p>
1442    <p class="mt-2 text-sm font-normal ct-text3"></p>
1443
1444    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1445    
1446    <span class="ct-dot"></span> <span>21 września 2023</span></p>
1447    
1448</a>
1449
1450<a data-js-filter-item data-name="Magia Druku Typograficznego, czyli Letterpress" data-createdate="9/21/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/magia-druku-typograficznego-czyli-letterpress" class="ct-card-wrapper ct-ring">
1451        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1452
1453    <p class="mt-6 text-base font-bold">Magia Druku Typograficznego, czyli Letterpress</p>
1454    <p class="mt-2 text-sm font-normal ct-text3"></p>
1455
1456    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1457    
1458    <span class="ct-dot"></span> <span>21 września 2023</span></p>
1459    
1460</a>
1461
1462<a data-js-filter-item data-name="Sześć Zasad Dobrego Grafika" data-createdate="9/21/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/szesc-zasad-dobrego-grafika" class="ct-card-wrapper ct-ring">
1463        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1464
1465    <p class="mt-6 text-base font-bold">Sześć Zasad Dobrego Grafika</p>
1466    <p class="mt-2 text-sm font-normal ct-text3"></p>
1467
1468    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1469    
1470    <span class="ct-dot"></span> <span>21 września 2023</span></p>
1471    
1472</a>
1473
1474<a data-js-filter-item data-name="36 Skutecznych Strategii Działania w Social Media" data-createdate="9/19/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/36-skutecznych-strategii-dzialania-w-social-media" class="ct-card-wrapper ct-ring">
1475        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1476
1477    <p class="mt-6 text-base font-bold">36 Skutecznych Strategii Działania w Social Media</p>
1478    <p class="mt-2 text-sm font-normal ct-text3">Od lat pracuję z social media i pomagam przedsiębiorcom zrozumieć, jak skutecznie komunikować się z potencjalnymi klientami. Wiele razy widziałem, jak łatwo jest popełnić podstawowe błędy, które utrudniają skuteczną komunikację. Zapytałem specjalistów od s
1478ocial media o wskazówki, które pomogłyby innym uniknąć tych samych błędów. Zwracali uwagę na konsekwencję działań, testowanie strategii, zasady rozmowy w social media, wykorzystanie nowych trendów i technologii oraz analizę swoich działań. Mam nadzieję, że te porady pomogą Ci lepiej zrozumieć, jak skutecznie wykorzystywać social media w swojej działalności.</p>
1479
1480    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Milena Getek</span>
1481    
1482    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1483    
1484</a>
1485
1486<a data-js-filter-item data-name="Cztery sposoby na znalezienie lepiej płatnych zleceń" data-createdate="9/19/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/cztery-sposoby-na-znalezienie-lepiej-platnych-zlecen" class="ct-card-wrapper ct-ring">
1487        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1488
1489    <p class="mt-6 text-base font-bold">Cztery sposoby na znalezienie lepiej płatnych zleceń</p>
1490    <p class="mt-2 text-sm font-normal ct-text3">Jako początkujący freelancer często mam wątpliwości dotyczące wyceny mojej pracy. W tym artykule podzielę się z Wami czterema radami, które pomogły mi znaleźć lukratywne oferty: uczę się odmawiać niewystarczająco opłacalnym projektom, określiłem swojego klienta idealnego, jestem pewny swojej wartości i postawiłem na jakość, a nie ilość.</p>
1491
1492    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1493    
1494    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1495    
1496</a>
1497
1498<a data-js-filter-item data-name="Od ASAPu do fakapu – jak rozwiązywać problemy jako freelancer?" data-createdate="9/19/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/od-asapu-do-fakapu-jak-rozwiazywac-problemy-jako-freelancer" class="ct-card-wrapper ct-ring">
1499        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1500
1501    <p class="mt-6 text-base font-bold">Od ASAPu do fakapu – jak rozwiązywać problemy jako freelancer?</p>
1502    <p class="mt-2 text-sm font-normal ct-text3">W moim wpisie dzielę się poradami dla freelancerów. Tłumaczę, jak poradzić sobie z nieuniknionymi problemami podczas wykonywania zleceń, które mają 
1502wpływ na moją dobrą reputację i budowanie własnej marki. Opisuję również konsekwencje przyjmowania pracy pod presją i wprowadzam aspekty profesjonalizmu, takie jak: unikanie wymówek, nie przekraczanie zakresu swoich umiejętności i nie obiecwanie nieosiągalnych celów.</p>
1503
1504    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1505    
1506    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1507    
1508</a>
1509
1510<a data-js-filter-item data-name="Sposoby na budowanie własnej marki w internecie" data-createdate="9/19/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/sposoby-na-budowanie-wlasnej-marki-w-internecie" class="ct-card-wrapper ct-ring">
1511        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1512
1513    <p class="mt-6 text-base font-bold">Sposoby na budowanie własnej marki w internecie</p>
1514    <p class="mt-2 text-sm font-normal ct-text3">Jako freelancer, jestem odpowiedzialny nie tylko za realizację projektów, ale także za budowanie pozytywnego wizerunku, marketing i pozyskiwanie nowych klientów. Wykorzystuję do tego różne narzędzia - od prostej strony internetowej, przez bloga, do aktywności na platformach mediów społecznościowych. Ważne jest, aby pamiętać o odpowiednim targetowaniu przyszłych klientów i tworzeniu unikalnej marki, która przyciągnie odpowiednie osoby.</p>
1515
1516    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Aleksander Martyniak</span>
1517    
1518    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1519    
1520</a>
1521
1522<a data-js-filter-item data-name="Główne błędy w pracy UX designera" data-createdate="9/19/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/glowne-bledy-w-pracy-ux-designera" class="ct-card-wrapper ct-ring">
1523        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1524
1525    <p class="mt-6 text-base font-bold">Główne błędy w pracy UX designera</p>
1526    <p class="mt-2 text-sm font-normal ct-text3">Jako UX designer, zawsze dążę do tworzenia stron internetowych, które są merytoryczne, intuicyjne i elastyczne. Dochodzę do wniosku, że kluczową rolę odgrywa myślenie jako użytkownik, a nie tylko jako specjalista. Niemniej, unikanie niektórych błędów jak zbyt skomplikowany interfejs czy niepotrzebna nadmiarowość w projektach jest naturalne.</p>
1527
1528    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1529    
1530    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1531    
1532</a>
1533
1534<a data-js-filter-item data-name="Czym powinieneś się zajmować, i dlaczego front-endem?" data-createdate="9/19/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/czym-powinienes-sie-zajmowac-i-dlaczego-front-endem" class="ct-card-wrapper ct-ring">
1535        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1536
1537    <p class="mt-6 text-base font-bold">Czym powinieneś się zajmować, i dlaczego front-endem?</p>
1538    <p class="mt-2 text-sm font-normal ct-text3">Rozważam, dlaczego warto zająć się front-end developmentem - pracą nad interfejsem użytkownika na stronach internetowych. Tego typu rola potrafi łączyć umiejętności techniczne z kreatywnością, co czyni ją unikalną w branży IT. Ta rola front-end developera jest niezwykle istotna w procesie tworzenia strony internetowej, ponieważ jest często ostatnim ogniwem, które scala materiały od grafika, programisty i osoby zajmującej się UX. To, co sprawia, że jest to kariera dla mnie, to możliwość wprowadzania nowych technologii i rozwiązań.</p>
1539
1540    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1541    
1542    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1543    
1544</a>
1545
1546<a data-js-filter-item data-name="Minimalizm w projektowaniu opakowań" data-createdate="9/19/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/sposoby-na-budowanie-wlasnej-marki-w-internecie" class="ct-card-wrapper ct-ring">
1547        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1548
1549    <p class="mt-6 text-base font-bold">Minimalizm w projektowaniu opakowań</p>
1550    <p class="mt-2 text-sm font-normal ct-text3">Omawiam wpływ projektu opakowania na odbiorcę i jak może skutecznie przyciągnąć uwagę. Mówię o skierowaniu projektu do konkretnej grupy docelowej, używając wesołej typografii i kolorowych obrazków dla młodszych odbiorców oraz bardziej poważnych elementów dla dorosłych. Zastanawiam się, czy prosty, minimalistyczny projekt mógłby się wyróżnić wśród wielu kolorowych, przeładowanych grafiką opakowań. Wierzę, że prostota może wprowadzić kontrast i wybić się na tle innych. Pokazuję, jak odchudzony projekt graficzny, oparty na ładnej typografii i prostych elementach graficznych, może przynieść świetne rezultaty.</p>
1551
1552    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1553    
1554    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1555    
1556</a>
1557
1558<a data-js-filter-item data-name="Trzy rzeczy, których nauczy Cię freelance" data-createdate="9/19/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/trzy-rzeczy-ktorych-nauczy-cie-freelance" class="ct-card-wrapper ct-ring">
1559        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1560
1561    <p class="mt-6 text-base font-bold">Trzy rzeczy, których nauczy Cię freelance</p>
1562    <p class="mt-2 text-sm font-normal ct-text3">Podjąłem decyzję o wykonaniu moich zleceń jako freelancer. Nauczyło mnie to umiejętności organizacji czasu pracy, a także jak cennym zasobem jest czas i jak można go inwestować dla długoterminowych korzyści. Więcej nie znaczy lepie
1562j, i czasem mniej jest more. Spotkanie i współpraca z innymi freelancerami było bardzo pomocne, ponieważ zrozumiałem, że wszyscy mogą korzystać z sieci wsparcia.</p>
1563
1564    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1565    
1566    <span class="ct-dot"></span> <span>19 września 2023</span></p>
1567    
1568</a>
1569
1570<a data-js-filter-item data-name="Jesteś dla klienta klaunem, czarodziejem czy wielbicielem? Archetypy marki, cz. 1" data-createdate="9/6/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/jestes-dla-klienta-klaunem-czarodziejem-czy-wielbicielem-archetypy-marki-cz-1" class="ct-card-wrapper ct-ring">
1571        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1572
1573    <p class="mt-6 text-base font-bold">Jesteś dla klienta klaunem, czarodziejem czy wielbicielem? Archetypy marki, cz. 1</p>
1574    <p class="mt-2 text-sm font-normal ct-text3">Archetyp marki to zbiór ludzkich cech i atrybutów, które są kojarzone z konkretną marką. Archetypy te mają wpływ na sposób, w jaki odbieramy marki i jak do nich podchodzimy. Przykładowo, Apple to archetyp innowatora, przypisujemy mu cechy takie jak nowoczesność, wyjątkowość, minimalizm i kreatywność, natomiast Starbucks kojarzy się nam ze stylem życia pokazywanym w amerykańskich filmach i serialach, gdzie ludzie z kubkiem kawy tej marki przemierzają ulice Nowego Jorku. Znalezienie najbardziej odpowiedniego archetypu dla marki może sprawić, że klienci będą do niej bardziej przywiązani.</p>
1575
1576    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1577    
1578    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1579    
1580</a>
1581
1582<a data-js-filter-item data-name="Fotografia podróżnicza w pięciu krokach" data-createdate="9/6/2023 12:00:00 AM" data-specialization="foto-audio-i-wideo" href="/blog/fotografia-podroznicza-w-pieciu-krokach" class="ct-card-wrapper ct-ring">
1583        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1584
1585    <p class="mt-6 text-base font-bold">Fotografia podróżnicza w pięciu krokach</p>
1586    <p class="mt-2 text-sm font-normal ct-text3">Przedstawię kilka porad na temat fotografii podróżniczej, które pomogą dane zdjęcie sprawić by może poczuć klimat i atmosferę miejsca, które odwiedzałem. Porady obejmują wybór ciekawego tematu, zabawę z perspektywą, rozmowy z ludźmi, umiar w ilości sprzętu oraz wykorzystanie pory dnia.</p>
1587
1588    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1589    
1590    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1591    
1592</a>
1593
1594<a data-js-filter-item data-name="10 najczęstszych błędów w projektowaniu stron internetowych" data-createdate="9/6/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/10-najczestszych-bledow-w-projektowaniu-stron-internetowych" class="ct-card-wrapper ct-ring">
1595        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1596
1597    <p class="mt-6 text-base font-bold">10 najczęstszych błędów w projektowaniu stron internetowych</p>
1598    <p class="mt-2 text-sm font-normal ct-text3">Jako doświadczony web designer, często spotykam błędy w projektowaniu stron internetowych, które są łatwe do uniknięcia. Nieprzystosowanie strony do urządzeń mobilnych, brak odpowiedniego testowania użyteczności i zaniedbanie nawigacji są tylko niektórymi z nich. Ważne jest, aby pamiętać, że jako projektanci, tworzymy stronę dla użytkowników, a nie dla siebie!</p>
1599
1600    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1601    
1602    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1603    
1604</a>
1605
1606<a data-js-filter-item data-name="Jak zacząć przygodę z fotografią?" data-createdate="9/6/2023 12:00:00 AM" data-specialization="foto-audio-i-wideo" href="/blog/jak-zaczac-przygode-z-fotografia" class="ct-card-wrapper ct-ring">
1607        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1608
1609    <p class="mt-6 text-base font-bold">Jak zacząć przygodę z fotografią?</p>
1610    <p class="mt-2 text-sm font-normal ct-text3">Porównuję amatorską fotografię z profesjonalną, podkreślając, jak wiele technik, taktyk i strategii zastosowanych przez profesjonalistów może być przydatnych dla tyc
1610h, którzy zaczynają swoją podróż w świecie fotografii. Istotne jest, aby mieć aparat zawsze pod ręką, przemyśleć kadr, poznać podstawy i teorię, zwracać uwagę na światło i nie wydawać całej wypłaty na sprzęt.</p>
1611
1612    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1613    
1614    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1615    
1616</a>
1617
1618<a data-js-filter-item data-name="Jesteś dla klienta klaunem, czarodziejem czy wielbicielem? Archetypy marki, cz. 2" data-createdate="9/6/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/jestes-dla-klienta-klaunem-czarodziejem-czy-wielbicielem-archetypy-marki-cz-2" class="ct-card-wrapper ct-ring">
1619        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1620
1621    <p class="mt-6 text-base font-bold">Jesteś dla klienta klaunem, czarodziejem czy wielbicielem? Archetypy marki, cz. 2</p>
1622    <p class="mt-2 text-sm font-normal ct-text3">W ostatniej części cyklu o archetypach marki, dowiedzieliśmy się jak używać archetypów do tworzenia skutecznych strategii marketingowych. Omówione zostały archetypy takie jak Twórca, Bohater, Władca, Uwodziciel, Opiekun, Buntownik, Zwykły człowiek i Czarodziej. Te kategorie opierają się na dwóch osiach: ryzyko versus stabilizacja i niezależność versus przynależność do grupy. Ważną rolę w brandingu odgrywa także spójne tworzenie wizerunku, zawierające odpowiednie motto, historię marki, logo, identyfikację wizualną i środki przekazu.</p>
1623
1624    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1625    
1626    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1627    
1628</a>
1629
1630<a data-js-filter-item data-name="Analiza SWOT – również dla freelancera" data-createdate="9/6/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/analiza-swot-rowniez-dla-freelancera" class="ct-card-wrapper ct-ring">
1631        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1632
1633    <p class="mt-6 text-base font-bold">Analiza SWOT – również dla freelancera</p>
1634    <p class="mt-2 text-sm font-normal ct-text3">W moim artykule zwracam uwagę na wagę traktowania pracy jako freelancera z powagą profesjonalisty. Uczulam, że takie podejście jest kluczem do budowania własnej marki i strategii biznesowej. Omawiam także analizę SWOT - narzędzie, które pomaga freelancerom zrozumieć możliwości i zagrożenia stojące przed ich biznesem. </p>
1635
1636    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1637    
1638    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1639    
1640</a>
1641
1642<a data-js-filter-item data-name="Czy powinieneś mieć konto na LinkedIn, i dlaczego tak?" data-createdate="9/6/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/czy-powinienes-miec-konto-na-linkedin-i-dlaczego-tak" class="ct-card-wrapper ct-ring">
1643        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1644
1645    <p class="mt-6 text-base font-bold">Czy powinieneś mieć konto na LinkedIn, i dlaczego tak?</p>
1646    <p class="mt-2 text-sm font-normal ct-text3">Jako autor piszący o marketingu i mediach społecznościowych, doszedłem do wniosku, że wiele firm i pracowników zapomina o LinkedIn, pomimo olbrzymiej popularności Facebooka, Twittera czy Instagrama. Postanowiłem wyjaśnić, dlaczego aktywne i dobrze wypełnione konto na LinkedIn jest tak ważne. Służy ono nie tylko do nawiązywania profesjonalnych kontaktów i budowania sieci biznesowych, ale także jest wykorzystywane przez pracodawców do poszukiwania odpowiednich kandydatów do pracy. LinkedIn jest niezbędnym narzędziem dla właścicieli firm, freelancerów i osób prywatnych. Ułatwia networking, promocję i zwiększa widoczność w internecie. Potrafi przynieść wiele korzyści, jeżeli jest odpowiednio prowadzony - z aktualnymi informacjami, profesjonalnym zdjęciem, spersonalizowanym nagłówkiem i dobrze opisanym profilem zawodowym.</p>
1647
1648    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1649    
1650    <span class="ct-dot"></span> <span>06 września 2023</span></p>
1651    
1652</a>
1653
1654<a data-js-filter-item data-name="Jak głęboka jest Twoja wiedza i dlaczego to ważne?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/jak-gleboka-jest-twoja-wiedza" class="ct-card-wrapper ct-ring">
1655        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1656
1657    <p class="mt-6 text-base font-bold">Jak głęboka jest Twoja wiedza i dlaczego to ważne?</p>
1658    <p class="mt-2 text-sm font-normal ct-text3">W mojej ostatniej publikacji mówiłem o znaczeniu zrozumienia w rezultacie uproszczenia. Ignorancja bywa często wyborem, gdyż jest łatwa i szybka, ale przez prawdziwe zrozumienie możemy sprawić, że nauka jest efektywna. Twierdzę, że kluczem do gruntownego zrozumienia jest ciekawość i otwartość. Twoje zrozumienie pozwoli na poruszanie się w różnych dziedzinach z płynnością i precyzją. Więc, zamiast wychodzić poza ramy, można je naruszaÄ
1658‡.</p>
1659
1660    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Adam Gospodarczyk</span>
1661    
1662    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1663    
1664</a>
1665
1666<a data-js-filter-item data-name="Metoda just-in-time w reklamie" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/metoda-just-in-time-w-reklamie" class="ct-card-wrapper ct-ring">
1667        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1668
1669    <p class="mt-6 text-base font-bold">Metoda just-in-time w reklamie</p>
1670    <p class="mt-2 text-sm font-normal ct-text3">W dzisiejszym artykule chcę omówić metodę just-in-time. W skrócie, polega ona na dostarczeniu klientom dokładnej ilości produktu lub usług które im w danym momencie są potrzebne. Sprawdź więc jakie wskazówki dla Ciebie przygotowałam.</p>
1671
1672    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1673    
1674    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1675    
1676</a>
1677
1678<a data-js-filter-item data-name="5 sposobów na skuteczne zniechęcenie Twoich klientów" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/5-sposobow-na-skuteczne-zniechecenie-twoich-klientow" class="ct-card-wrapper ct-ring">
1679        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1680
1681    <p class="mt-6 text-base font-bold">5 sposobów na skuteczne zniechęcenie Twoich klientów</p>
1682    <p class="mt-2 text-sm font-normal ct-text3">Jestem specjalistą w swojej dziedzinie i miałam wiele sukcesów, ale jeśli chcesz zepsuć wizerunek swojej marki w internecie, podpowiadam ci pięć kluczowych działań. Sprawdź je wszystkie!</p>
1683
1684    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1685    
1686    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1687    
1688</a>
1689
1690<a data-js-filter-item data-name="Freelancerskie nawyki, które warto w sobie wyrobić na wiosnę" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/freelancerskie-nawyki-ktore-warto-w-sobie-wyrobic-na-wiosne" class="ct-card-wrapper ct-ring">
1691        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1692
1693    <p class="mt-6 text-base font-bold">Freelancerskie nawyki, które warto w sobie wyrobić na wiosnę</p>
1694    <p class="mt-2 text-sm font-normal ct-text3">Sprawdź nawyki, które pomogą w powodzeniu tej formy pracy. Nie obawiaj się odrzucić klientów, którzy nie są opłacalni. Wyrwij się z domu na konferencje lub spotkania z innymi freelancerami. Ucz się nowych rzeczy i stawiaj na rozwijanie umiejętności.</p>
1695
1696    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1697    
1698    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1699    
1700</a>
1701
1702<a data-js-filter-item data-name="Przestań martwić się o to, czy Twoja strona będzie ładna" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/przestan-martwic-sie-o-to-czy-twoja-strona-bedzie-ladna" class="ct-card-wrapper ct-ring">
1703        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1704
1705    <p class="mt-6 text-base font-bold">Przestań martwić się o to, czy Twoja strona będzie ładna</p>
1706    <p class="mt-2 text-sm font-normal ct-text3">Tym razem poruszam zagadnienie User Experience (UX) i faktu, że niektórzy UX designerzy zbyt skupiają się na estetyce portalu, zapominając o bardziej istotnym doświadczeniu użytkownika. Wyjaśnię również podobieństwo zadań UX i UI designera, stawiając nacisk na bezpieczeństwo i komfort odbiorcy.</p>
1707
1708    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1709    
1710    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1711    
1712</a>
1713
1714<a data-js-filter-item data-name="Jak sprawić, by Facebook zaszko
1714dził Twojej marce?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/jak-sprawic-by-facebook-zaszkodzil-twojej-marce" class="ct-card-wrapper ct-ring">
1715        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1716
1717    <p class="mt-6 text-base font-bold">Jak sprawić, by Facebook zaszkodził Twojej marce?</p>
1718    <p class="mt-2 text-sm font-normal ct-text3">Poruszam pięć błędów, które często popełniają firmy i marki prywatne, wykorzystujące media społecznościowe w swojej komunikacji. Ważne jest tworzenie interesujących, unikalnych treści, angażowanie odbiorców, wykorzystywanie atrakcyjnej grafiki, inwestowanie w reklamę i cierpliwość w oczekiwaniu na rezultaty. Podkreślam również znaczenie dostępności informacji kontaktowych na platformach społecznościowych.</p>
1719
1720    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1721    
1722    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1723    
1724</a>
1725
1726<a data-js-filter-item data-name="Lekcje online – wskazówki dla nauczycieli" data-createdate="8/31/2023 12:00:00 AM" data-specialization="foto-audio-i-wideo" href="/blog/lekcje-online-wskazowki-dla-nauczycieli" class="ct-card-wrapper ct-ring">
1727        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1728
1729    <p class="mt-6 text-base font-bold">Lekcje online – wskazówki dla nauczycieli</p>
1730    <p class="mt-2 text-sm font-normal ct-text3">asd</p>
1731
1732    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Grzegorz Róg</span>
1733    
1734    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1735    
1736</a>
1737
1738<a data-js-filter-item data-name="Jak sprawić, by Twoja strona była lepsza pod kątem UX?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/jak-sprawic-by-twoja-strona-byla-lepsza-pod-katem-ux" class="ct-card-wrapper ct-ring">
1739        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1740
1741    <p class="mt-6 text-base font-bold">Jak sprawić, by Twoja strona była lepsza pod kątem UX?</p>
1742    <p class="mt-2 text-sm font-normal ct-text3">Podczas tworzenia stron internetowych zawsze myśl o użytkowniku, jest to klucz do stworzenia dobrze zoptymalizowanej strony UX. Zwracaj też uwagę na logiczną i prostą nawigację, dbaj o każdy element strony, nie tylko o stronę startową. Sprawdź też jak zastosować schemat F-pattern w swoich projektach.</p>
1743
1744    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1745    
1746    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1747    
1748</a>
1749
1750<a data-js-filter-item data-name="Adobe Fresco - symulator prawdziwych pędzli i farb" data-createdate="8/31/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/adobe-fresco-symulator-prawdziwych-pedzli-i-farb" class="ct-card-wrapper ct-ring">
1751        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1752
1753    <p class="mt-6 text-base font-bold">Adobe Fresco - symulator prawdziwych pędzli i farb</p>
1754    <p class="mt-2 text-sm font-normal ct-text3">Jako autor, opisałem historię i rozwój mobilnych narzędzi twórczych Adobe, podkreślając ich ewolucję i udoskonalenie. Omówiłem różnice między programami Adobe Sketch i Adobe Draw, a także podkreśliłem zalety nowego narzędzia - Adobe Fresco.</p>
1755
1756    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1757    
1758    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1759    
1760</a>
1761
1762<a data-js-filter-item data-name="Programiści „10x” oraz „1000x”" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/programisci-10x-oraz-1000x" class="ct-card-wrapper ct-ring">
1763        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1764
1765    <p class="mt-6 text-base font-bold">
1765Programiści „10x” oraz „1000x”</p>
1766    <p class="mt-2 text-sm font-normal ct-text3">Omawiam koncepcję &quot;10x programmer&quot; i przedstawiam perspektywę na &quot;1000x programmers&quot;. Poruszam również temat braku popularnego uznania takich programistów, chociaż według mnie naprawdę istnieją. Staram się również zwrócić uwagę na to, że kluczem do stania się takim jednym na tysiąc jest szeroka wiedza, nie tylko techniczna.</p>
1767
1768    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Adam Gospodarczyk</span>
1769    
1770    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1771    
1772</a>
1773
1774<a data-js-filter-item data-name="Angażujące posty na Facebooku dla Twojego biznesu" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/angazujace-posty-na-facebooku-dla-twojego-biznesu" class="ct-card-wrapper ct-ring">
1775        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1776
1777    <p class="mt-6 text-base font-bold">Angażujące posty na Facebooku dla Twojego biznesu</p>
1778    <p class="mt-2 text-sm font-normal ct-text3">Prowadzę biznes i wiem, że marketing w mediach społecznościowych jest jednym z najprostszych i najskuteczniejszych sposobów promowania moich usług. W moim artykule podkreślam, jak uniknąć wysyłania monotonnych postów, proponuję różne interaktywne strategie, takie jak dawanie odbiorcom możliwości do głosowania za pomocą reakcji Facebooka. Podkreślam również unikalność Real Time Marketingu, wykorzystując trendy i up-to-date informacje. Zaproponowany przeze mnie strategie obejmują również tworzenie puzzli i rebusek, publikowanie zdjęć 360 stopni, pokazywanie codzienności stanowiącego moją firmę oraz korzystanie z treści wideo i streamów na żywo.</p>
1779
1780    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1781    
1782    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1783    
1784</a>
1785
1786<a data-js-filter-item data-name="Jak to jest z tą pasją do pracy?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/jak-to-jest-z-pasja-do-pracy" class="ct-card-wrapper ct-ring">
1787        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1788
1789    <p class="mt-6 text-base font-bold">Jak to jest z tą pasją do pracy?</p>
1790    <p class="mt-2 text-sm font-normal ct-text3">Podążanie za pasją może rodzić trudności i zdaniem autora nie powinniśmy zaczynać od niej. Pasja powinna być efektem naszych działań, a nie motorem. Autentyczna pasja to cierpienie za to, co kochamy i gotowość płacenia za to cenę.</p>
1791
1792    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1792Adam Gospodarczyk</span>
1793    
1794    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1795    
1796</a>
1797
1798<a data-js-filter-item data-name="Wyzwania stojące przed web designerami cz.2" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/wyzwania-stojace-przed-web-designerami-cz-2" class="ct-card-wrapper ct-ring">
1799        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1800
1801    <p class="mt-6 text-base font-bold">Wyzwania stojące przed web designerami cz.2</p>
1802    <p class="mt-2 text-sm font-normal ct-text3">W artykule mówię o znaczeniu dostosowania projektów stron internetowych do potrzeb osób z zaburzeniami rozpoznawania barw, niedowidzących i niewidomych. Pokazuję, jak małe zmiany mogą zrobić dużą różnicę, takie jak umożliwienie zmiany wielkości tekstu, uproszczenie nawigacji dla tych, którzy korzystają ze skrótów klawiaturowych, oraz dodanie opisów grafik dla osób korzystających z oprogramowania czytającego tekst z ekranu. Rozważam również tworzenie oddzielnej, prostszej wersji serwisu dla osób niedowidzących.</p>
1803
1804    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1805    
1806    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1807    
1808</a>
1809
1810<a data-js-filter-item data-name="5 rzeczy które programista musi wiedzieć o marketingu" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/5-rzeczy-ktore-programista-musi-wiedziec-o-marketingu" class="ct-card-wrapper ct-ring">
1811        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1812
1813    <p class="mt-6 text-base font-bold">5 rzeczy które programista musi wiedzieć o marketingu</p>
1814    <p class="mt-2 text-sm font-normal ct-text3">Jako programista, zrozumienie kontekstu marketingu pomaga szybciej, skuteczniej i bez frustracji pracować nad zadaniach, które mają bezpośredni wpływ na wyniki firmy.</p>
1815
1816    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1816Adam Gospodarczyk</span>
1817    
1818    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1819    
1820</a>
1821
1822<a data-js-filter-item data-name="Jak to jest z tym TypeScriptem?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/jak-to-jest-z-typescriptem" class="ct-card-wrapper ct-ring">
1823        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1824
1825    <p class="mt-6 text-base font-bold">Jak to jest z tym TypeScriptem?</p>
1826    <p class="mt-2 text-sm font-normal ct-text3">TypeScript staje się coraz popularniejszy. Programiści, którzy korzystają z TypeScript, nie wyobrażają sobie powrotu do JavaScript. Pomimo rosnącej popularności, wielu programistów wciąż odkłada naukę TypeScript. Główne powody to przekonanie, że TypeScript nie jest obowiązkowy oraz wyobrażenie, że nauka tego języka może być trudna. Jednakże, TypeScript daje możliwość rozwoju kariery zawodowej i dostęp do ambitnych projektów. Nauka TypeScriptu jest łatwiejsza, gdy ma się dobre zrozumienie JavaScriptu.</p>
1827
1828    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1828Adam Gospodarczyk</span>
1829    
1830    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1831    
1832</a>
1833
1834<a data-js-filter-item data-name="Co front-end developer musi wiedzieć o backendzie? " data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/co-front-end-developer-musi-wiedziec-o-backendzie" class="ct-card-wrapper ct-ring">
1835        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1836
1837    <p class="mt-6 text-base font-bold">Co front-end developer musi wiedzieć o backendzie? </p>
1838    <p class="mt-2 text-sm font-normal ct-text3">W moim artykule wyjaśniam podstawowe aspekty back-endu, takie jak bazy danych, API, metody HTTP i obsługa formularzy. Podkreślam, że ważne jest zrozumienie tych elementów, aby efektywnie komunikować się z back-endem jako developer front-endu.</p>
1839
1840    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Adam Gospodarczyk</span>
1841    
1842    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1843    
1844</a>
1845
1846<a data-js-filter-item data-name="Jak wybrać perspektywę podczas kręcenia filmu?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="foto-audio-i-wideo" href="/blog/jak-wybrac-perspektywe-podczas-krecenia-filmu" class="ct-card-wrapper ct-ring">
1847        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1848
1849    <p class="mt-6 text-base font-bold">Jak wybrać perspektywę podczas kręcenia filmu?</p>
1850    <p class="mt-2 text-sm font-normal ct-text3">Wyjaśniam używanie kamery i jej wysokości jako narzędzia artystycznego w filmowaniu, omawiając różne rodzaje perspektyw (normalną, ptasią i żabią) oraz ich specyficzne zastosowania. Przybliżam, jak odpowiednie ustawienie kamery wpływa na odbiór emocjonalny i dramaturgiczny filmu.</p>
1851
1852    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Piotr Zając</span>
1853    
1854    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1855    
1856</a>
1857
1858<a data-js-filter-item data-name="Jak się wyróżnić na rynku rekrutacji IT? " data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/jak-sie-wyroznic-na-rynku-rekrutacji-it-" class="ct-card-wrapper ct-ring">
1859        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1860
1861    <p class="mt-6 text-base font-bold">Jak się wyróżnić na rynku rekrutacji IT? </p>
1862    <p class="mt-2 text-sm font-normal ct-text3">Podzielę się z Wami swoimi refleksjami na temat sytuacji na rynku pracy oraz własnymi doświadczeniami jako programista i współzałożyciel firmy rekrutacyjnej. Porozmawiam również o tym, że aktywność w społecznościach branżowych, szybkie przyswajanie wiedzy oraz szerokie umiejętności i zainteresowania, to elementy, które mogą pomóc wyróżnić się na rynku pracy.</p>
1863
1864    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1864Adam Gospodarczyk</span>
1865    
1866    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1867    
1868</a>
1869
1870<a data-js-filter-item data-name="4 błędy, które popełnisz, planując startup" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/4-bledy-ktore-popelnisz-planujac-startup" class="ct-card-wrapper ct-ring">
1871        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1872
1873    <p class="mt-6 text-base font-bold">4 błędy, które popełnisz, planując startup</p>
1874    <p class="mt-2 text-sm font-normal ct-text3">Jako przedsiębiorca, chcę zwrócić uwagę na problemy, z jakimi borykają się początkujący twórcy startupów. Wskazuję, że kopiowanie innych dużych firm, niezdolność do komunikacji, brak realistycznego spojrzenia na sytuację oraz brak promocji stanowią najczęstsze błędy, które mogą doprowadzić do upadku startupu.</p>
1875
1876    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1877    
1878    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1879    
1880</a>
1881
1882<a data-js-filter-item data-name="Brutalizm w webdesignie" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/brutalizm-w-webdesignie" class="ct-card-wrapper ct-ring">
1883        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1884
1885    <p class="mt-6 text-base font-bold">Brutalizm w webdesignie</p>
1886    <p class="mt-2 text-sm font-normal ct-text3">Na przeciwko znanemu &quot;less is more&quot; nadchodzi serie nawracających trendów - brutalizm. Z krzykliwymi połączeniami kolorystycznymi, niekomfortowymi przyciskami, strony internetowe są niewygodne, ale zarazem stają się coraz bardziej popularne. Oparte na koncepcji brutalizmu z lat 50-tych, prezentują wyeksponowane, surowe elementy designu.</p>
1887
1888    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1889    
1890    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1891    
1892</a>
1893
1894<a data-js-filter-item data-name="Journey mapping – nie tylko w marketingu cz. 2" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/journey-mapping-nie-tylko-w-marketingu-cz-2" class="ct-card-wrapper ct-ring">
1895        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1896
1897    <p class="mt-6 text-base font-bold">Journey mapping – nie tylko w marketingu cz. 2</p>
1898    <p class="mt-2 text-sm font-normal ct-text3">Przygotowałam szczegółowy poradnik w jaki sposób stworzyć mapę ścieżki klienta, zwanej również Customer Journey Map. Na przykładzie designera-freelancera pokażę jak zidentyfikować grupę docelową, przeanalizować punkty kontaktu z marką oraz jakie emocje, obawy i oczekiwania towarzyszą klientowi na każdym etapie współpracy.</p>
1899
1900    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1901    
1902    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1903    
1904</a>
1905
1906<a data-js-filter-item data-name="Od wektorów do Blendera..." data-createdate="8/31/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/od-wektorow-do-blendera" class="ct-card-wrapper ct-ring">
1907        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1908
1909    <p class="mt-6 text-base font-bold">Od wektorów do Blendera...</p>
1910    <p class="mt-2 text-sm font-normal ct-text3">Jako doświadczony ilustrator i grafik zachęcam do poszerzania własnych umiejętności. Ja sam wykorzystałem Blender do zwiększenia zasobów mojej kreatywności i rozwoju mojego portfolio. Zawsze warto poznać nowe narzędzia!</p>
1911
1912    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1913    
1914    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1915    
1916</a>
1917
1918<a data-js-filter-item data-name="Jak mądrze wybrać stack technologiczny do projektu?" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/jak-madrze-wybrac-stack-technologiczny-do-projektu" class="ct-card-wrapper ct-ring">
1919        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1920
1921    <p class="mt-6 text-base font-bold">Jak mądrze wybrać stack technologiczny do projektu?</p>
1922    <p class="mt-2 text-sm font-normal ct-text3">Zaczynam nowy projekt i jestem za niego odpowiedzialna. Muszę podjąć decyzje dotyczące technologii, frameworków i narzędzi. Moje doświadczenie wynosi ponad 10 lat i za sobą mam kilkanaście większych projektów. Poniżej przedstawiam kilka moich zasad do podejmowania decyzji technologicznych m.in.: poznaj kontekst biznesowy, znajdź balans między przyszłością a teraźnie
1922jszością, zwróć uwagę na hype, nie czekaj i zostawiaj otwarte drzwi oraz wykorzystaj to, co już masz.</p>
1923
1924    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Adam Gospodarczyk</span>
1925    
1926    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1927    
1928</a>
1929
1930<a data-js-filter-item data-name="Rigging w After Effects" data-createdate="8/31/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/rigging-w-after-effects" class="ct-card-wrapper ct-ring">
1931        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1932
1933    <p class="mt-6 text-base font-bold">Rigging w After Effects</p>
1934    <p class="mt-2 text-sm font-normal ct-text3">Opisuję nowe funkcje i ulepszenia w dodatkach do Adobe After Effects, takich jak DUIK, RubberHose i LIMBER. Każdy z nich ma swoje mocne strony, ale wybór zależy od indywidualnych preferencji.</p>
1935
1936    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
1937    
1938    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1939    
1940</a>
1941
1942<a data-js-filter-item data-name="5 rzeczy, które programista musi wiedzieć o komunikacji" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/5-rzeczy-ktore-programista-musi-wiedziec-o-komunikacji" class="ct-card-wrapper ct-ring">
1943        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1944
1945    <p class="mt-6 text-base font-bold">5 rzeczy, które programista musi wiedzieć o komunikacji</p>
1946    <p class="mt-2 text-sm font-normal ct-text3">W moim artykule omawiam problem komunikacji, który często pojawia się pomiędzy programistami a osobami nietechnicznymi. Wyjaśniam, że komunikacja sama w sobie jest wyzwaniem, a bariery jak złożony temat czy ograniczony czas mogą go jeszcze zwiększyć. Pokazuję jednak, że istnieją techniki, które mogą pomóc programistom w lepszej komunikacji, takie jak korzystanie z prostych słów czy analogii. Zachęcam również, do rozwijania empatii, która jest niezbędna do zrozumienia perspektywy innych osób.</p>
1947
1948    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1948Adam Gospodarczyk</span>
1949    
1950    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1951    
1952</a>
1953
1954<a data-js-filter-item data-name="5 rzeczy, które programista musi wiedzieć o designie" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/5-rzeczy-ktore-programista-musi-wiedziec-o-designie" class="ct-card-wrapper ct-ring">
1955        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1956
1957    <p class="mt-6 text-base font-bold">5 rzeczy, które programista musi wiedzieć o designie</p>
1958    <p class="mt-2 text-sm font-normal ct-text3">W tym artykule omawiam różne aspekty, które programiści powinni brać pod uwagę, pracując z programowaniem i designem. Obejmuje to spójność, typografię, interakcje, kontrast i wzorce. Poznanie tych zasad jest krytyczne dla stworzenia atrakcyjnej i funkcjonalnej aplikacji lub strony internetowej.</p>
1959
1960    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1960Adam Gospodarczyk</span>
1961    
1962    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1963    
1964</a>
1965
1966<a data-js-filter-item data-name="3 powody, dla których potrzebujesz bloga" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/3-powody-dla-ktorych-potrzebujesz-bloga" class="ct-card-wrapper ct-ring">
1967        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1968
1969    <p class="mt-6 text-base font-bold">3 powody, dla których potrzebujesz bloga</p>
1970    <p class="mt-2 text-sm font-normal ct-text3">Jako projektantka stron www, grafik czy UX designer, wiem, jak istotna jest aktywna obecność w internecie. Nie wystarczy być na bieżąco z technologiami. Ważne jest konsekwentne budowanie marki i wizerunku. Właśnie dlatego prowadzę blog, który to umożliwia i podpowiem Ci dlaczego warto podążać tą ścieżką.</p>
1971
1972    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
1973    
1974    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1975    
1976</a>
1977
1978<a data-js-filter-item data-name="Na granicy kompetencji, czyli teoria 10000 godzin w praktyce" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/teoria-10000-godzin-w-praktyce" class="ct-card-wrapper ct-ring">
1979        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1980
1981    <p class="mt-6 text-base font-bold">Na granicy kompetencji, czyli teoria 10000 godzin w praktyce</p>
1982    <p class="mt-2 text-sm font-normal ct-text3">W tym artykule podważam teorię o &quot;10000 godzin&quot; potrzebnych do osiągnięcia mistrzostwa w jakiejkolwiek dziedzinie. Zwracam uwagę na to jak ważne jest nieustanne przekraczanie granic własnych kompetencji, co wiąże się z popełnianiem błędów i frustracją. Kluczem jest balans pomiędzy wyzwaniami a strefą komfortu.</p>
1983
1984    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
1984Adam Gospodarczyk</span>
1985    
1986    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1987    
1988</a>
1989
1990<a data-js-filter-item data-name="Dźwignia skutecznego działania" data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/dzwignia-skutecznego-dzialania" class="ct-card-wrapper ct-ring">
1991        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
1992
1993    <p class="mt-6 text-base font-bold">Dźwignia skutecznego działania</p>
1994    <p class="mt-2 text-sm font-normal ct-text3">Z doświadczenia wiem, że wykorzystywanie zasady dźwigni w programowaniu jest dla mnie kluczem do efektywności. Szukam narzędzi, które najlepiej pasują do danego zagadnienia, potrafię zrozumieć szeroki kontekst i pracuje ze swoim ego. Dzięki takiemu podejściu, moje projekty zdobywają realną wartość.</p>
1995
1996    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Adam Gospodarczyk</span>
1997    
1998    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
1999    
2000</a>
2001
2002<a data-js-filter-item data-name="Czy webdev kręci się w kółko? " data-createdate="8/31/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/czy-webdev-kreci-sie-w-kolko" class="ct-card-wrapper ct-ring">
2003        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2004
2005    <p class="mt-6 text-base font-bold">Czy webdev kręci się w kółko? </p>
2006    <p class="mt-2 text-sm font-normal ct-text3">Początek roku to czas podsumowań i prognoz. Omawiamy React Server Components (RSC), które pozwalają na bezpośrednie połączenie z bazą danych, co przypomina programowanie sprzed 15 lat. Zauważamy trend przenoszenia obciążenia z serwera na klienta, a teraz z powrotem. Warto spojrzeć na to z szerszej perspektywy.</p>
2007
2008    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
2008Adam Gospodarczyk</span>
2009    
2010    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2011    
2012</a>
2013
2014<a data-js-filter-item data-name="10 portali dla designerów – część I" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/10-portali-dla-designerow-czesc-1" class="ct-card-wrapper ct-ring">
2015        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2016
2017    <p class="mt-6 text-base font-bold">10 portali dla designerów – część I</p>
2018    <p class="mt-2 text-sm font-normal ct-text3">Na początek roku zebraliśmy dziesięć portali ułatwiających pracę designerom. Przedstawiamy wam najciekawsze strony oferujące darmowe i płatne szablony, a także narzędzia do generowania palet kolorystycznych. W kolejnym artykule podzielimy się z wami najlepszymi stronami z wyborem fontów i ikon.</p>
2019
2020    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
2021    
2022    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2023    
2024</a>
2025
2026<a data-js-filter-item data-name="Getting Things Done – w pracy freelancera" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/getting-things-done-w-pracy-freelancera" class="ct-card-wrapper ct-ring">
2027        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2028
2029    <p class="mt-6 text-base font-bold">Getting Things Done – w pracy freelancera</p>
2030    <p class="mt-2 text-sm font-normal ct-text3">Przedstawiam metody, które pomogą freelancerom w skutecznej organizacji swojego czasu. Pomagają mi w tym aplikacje takie jak Todoist, Trello czy Asana. Wskazuję również na metody i systemy organizacji zadań jak Getting Things Done lub Kanban.</p>
2031
2032    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
2033    
2034    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2035    
2036</a>
2037
2038<a data-js-filter-item data-name="Naucz się… uczyć – 6 filarów skutecznej nauki" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/naucz-sie-uczyc-6-filarow-skutecznej-nauki" class="ct-card-wrapper ct-ring">
2039        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2040
2041    <p class="mt-6 text-base font-bold">Naucz się… uczyć – 6 filarów skutecznej nauki</p>
2042    <p class="mt-2 text-sm font-normal ct-text3">Niepokoi mnie tradycyjny styl nauki, który większość z nas zna od dzieciństwa i który uważam za nieefektywny. Uważam, że powinniśmy wykorzystywać nowoczesne technologie do zaprojektowania bardziej skutecznych metod nauczania. Uważam również, że praktyczne umiejętności, pracowitość i kreatywność są ważniejsze dla rozwoju człowieka niż ograniczony, sztywny system edukacji.</p>
2043
2044    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
2045    
2046    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2047    
2048</a>
2049
2050<a data-js-filter-item data-name="Wyzwania stojące przed web designerami" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/wyzwania-stojace-przed-web-designerami" class="ct-card-wrapper ct-ring">
2051        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2052
2053    <p class="mt-6 text-base font-bold">Wyzwania stojące przed web designerami</p>
2054    <p class="mt-2 text-sm font-normal ct-text3">W swoim artykule przypominam designerom i twórcom stron internetowych o dużym wyzwaniu, jakim jest tworzenie stron dostępnych dla osób ze zaburzeniami wzroku, w tym zaburzeń rozpoznawania kolorów. Wyjaśniam, jak proste zmiany w projektowaniu, takie jak unikanie pewnych kombinacji kolorów, użycie symboli, ograniczenie palety kolorystycznej, mogą ułatwić korzystanie z witryn nie tylko osobom ze zaburzeniami wzroku, ale wszystkim użytkownikom.</p>
2055
2056    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
2057    
2058    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2059    
2060</a>
2061
2062<a data-js-filter-item data-name="Journey mapping – nie tylko w marketingu cz. 1" data-createdate="8/31/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/journey-mapping-nie-tylko-w-marketingu-cz-1" class="ct-card-wrapper ct-ring">
2063        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2064
2065    <p class="mt-6 text-base font-bold">Journey mapping – nie tylko w marketingu cz. 1</p>
2066    <p class="mt-2 text-sm font-normal ct-text3">Rozważam znaczenie &quot;journey mapping&quot; - procesu analizy doświadczeń klientów z marką, aby zwiększyć sprzedaż. Coraz więcej firm, dużych i małych, dostrzega wartość tego narzędzia, które pomaga znaleźć słabe punkty usług i optymalizować doświadczenia użytkowników. Tworzenie &#x27;Customer Journey Map’ pomaga również wyznaczyć kierunek zmian i odnaleźć silne i słabe strony marki.</p>
2067
2068    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
2069    
2070    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2071    
2072</a>
2073
2074<a data-js-filter-item data-name="10 portali dla designerów – część II" data-createdate="8/31/2023 12:00:00 AM" data-specialization="ui-ux-i-webdesign" href="/blog/10-portali-dla-designerow-czesc-2" class="ct-card-wrapper ct-ring">
2075        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2076
2077    <p class="mt-6 text-base font-bold">10 portali dla designerów – część II</p>
2078    <p class="mt-2 text-sm font-normal ct-text3">W drugiej części mojego przewodnika dla projektantów, omawiam portale oferujące fonty i ikony. Polecane strony z darmowymi fontami to Font Squirrel i My Fonts. Dla ikon polecam FlatIcon, Icon Finder i Icons8, który nawet oferuje możliwość wysłania bezpłatnego zapytania o konkretną ikonę.</p>
2079
2080    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Katarzyna Gawryś</span>
2081    
2082    <span class="ct-dot"></span> <span>31 sierpnia 2023</span></p>
2083    
2084</a>
2085
2086<a data-js-filter-item data-name="Umarł VSC, niech żyje InteliJ!" data-createdate="8/29/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/umarl-vsc-niech-zyje-intelij" class="ct-card-wrapper ct-ring">
2087        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2088
2089    <p class="mt-6 text-base font-bold">Umarł VSC, niech żyje InteliJ!</p>
2090    <p class="mt-2 text-sm font-normal ct-text3">Po intensywnym okresie pracy nad dwoma ważnymi projektami, zdecydowałem się na powrót do korzystania z InteliJ po latach pracy z VSC. Pomimo mojego zadowolenia z konfiguracji VSC, zauważyłem, że pewien stopień skomplikowania kodu był dla tego edytora problemem. Przejście na InteliJ przyniosło mi natychmiastowe ulepszenia, w tym efektywną refaktoryzację, lepszą pracę z gitem i bazą danych. Obecnie cieszą mnie możliwości InteliJ, ale chętnie poznam też opinie innych na temat tej zmiany narzędzia.</p>
2091
2092    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
2092Adam Gospodarczyk</span>
2093    
2094    <span class="ct-dot"></span> <span>29 sierpnia 2023</span></p>
2095    
2096</a>
2097
2098<a data-js-filter-item data-name="Problemy z wydajnością to nie żart, nie?" data-createdate="8/29/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/problemy-z-wydajnoscia" class="ct-card-wrapper ct-ring">
2099        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2100
2101    <p class="mt-6 text-base font-bold">Problemy z wydajnością to nie żart, nie?</p>
2102    <p class="mt-2 text-sm font-normal ct-text3">Podkreśla się ważność balansu między efektywną pracą a uwzględnieniem ewentualnych problemów z wydajnością kodu czy całej aplikacji. Często programiści skupiają się nadmiernie na potencjalnych problemach, które mogą nigdy nie wystąpić, zamiast skupić się na rzeczywistych zadaniach.</p>
2103
2104    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Adam Gospodarczyk</span>
2105    
2106    <span class="ct-dot"></span> <span>29 sierpnia 2023</span></p>
2107    
2108</a>
2109
2110<a data-js-filter-item data-name="Tailwind to rewolucja, jeśli..." data-createdate="8/29/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/tailwind-to-rewolucja" class="ct-card-wrapper ct-ring">
2111        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2112
2113    <p class="mt-6 text-base font-bold">Tailwind to rewolucja, jeśli...</p>
2114    <p class="mt-2 text-sm font-normal ct-text3">Przygoda z biblioteką Tailwind CSS zaczyna się zazwyczaj od mieszanych wrażeń. Mimo początkowej niechęci i skomplikowanych procesów, właściwie zrozumiana i skonfigurowana pozwala na szybkie, skuteczne i komfortowe projektowanie interfejsów. Tailwind CSS nie jest jednak idealnym narzędziem dla każdego - wymaga od użytkownika pewnej znajomości CSS i nie sprawdzi się w każdym projekcie.</p>
2115
2116    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">
2116Adam Gospodarczyk</span>
2117    
2118    <span class="ct-dot"></span> <span>29 sierpnia 2023</span></p>
2119    
2120</a>
2121
2122<a data-js-filter-item data-name="Czym jest HTML5? Wszystko, co musisz wiedzieć" data-createdate="8/29/2023 12:00:00 AM" data-specialization="full-stack-i-programowanie" href="/blog/czym-jest-html5" class="ct-card-wrapper ct-ring">
2123        <img src="/assets/eduweb-min.svg" class="h-12 w-12 object-cover rounded-md">
2124
2125    <p class="mt-6 text-base font-bold">Czym jest HTML5? Wszystko, co musisz wiedzieć</p>
2126    <p class="mt-2 text-sm font-normal ct-text3">HTML5 to nowa wersja języka HTML, która oferuje szereg ulepszeń w budowaniu struktur strony internetowej oraz zaawansowanych interfejsów użytkownika. Obejmuje nowe elementy semantyczne, możliwość osadzania audio i wideo, lepsze zarządzanie formularzami oraz zaawansowane interfejsy programistyczne. HTML5 znacznie usprawnia interakcję z robotami indeksującymi wyszukiwarek i czytnikami dla osób niewidomych.</p>
2127
2128    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Piotr Palarz</span>
2129    
2130    <span class="ct-dot"></span> <span>29 sierpnia 2023</span></p>
2131    
2132</a>
2133
2134<a data-js-filter-item data-name="5 funkcji, dla których warto przesiąść się na aplikacje Affinity" data-createdate="8/20/2023 12:00:00 AM" data-specialization="grafika-motion-i-3d" href="/blog/5-funkcji-affinity-dlaczego-warto" class="ct-card-wrapper ct-ring">
2135        <img src="https://space.eduweb.pl/files/misc/ktoJKB07FJ1jFRkvS6nV.jpg" class="h-12 w-12 object-cover rounded-md">
2136
2137    <p class="mt-6 text-base font-bold">5 funkcji, dla których warto przesiąść się na aplikacje Affinity</p>
2138    <p class="mt-2 text-sm font-normal ct-text3">Sprawdź, dlaczego warto zapoznać się&#xA0;z narzędziami od Affinity, jako alternatywa do popularnych aplikacji Adobe</p>
2139
2140    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Michał Wedlechowicz</span>
2141    
2142    <span class="ct-dot"></span> <span>20 sierpnia 2023</span></p>
2143    
2144</a>
2145
2146<a data-js-filter-item data-name="Dlaczego warto zająć się&#xA0;fotografią" data-createdate="8/20/2023 12:00:00 AM" data-specialization="foto-audio-i-wideo" href="/blog/fotografia-dlaczego-warto" class="ct-card-wrapper ct-ring">
2147        <img src="https://space.eduweb.pl/files/misc/h4E2BvaMxFgIQ7JVlrS4.jpg" class="h-12 w-12 object-cover rounded-md">
2148
2149    <p class="mt-6 text-base font-bold">Dlaczego warto zająć się&#xA0;fotografią</p>
2150    <p class="mt-2 text-sm font-normal ct-text3">Jest mnóstwo zawodów na świecie, ale w mojej ocenie, fotografia zdecydowanie przoduje, jeśli chodzi o satysfakcję z pracy. Skąd takie przemyślenia?</p>
2151
2152    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Kuba Kaźmierczyk</span>
2153    
2154    <span class="ct-dot"></span> <span>20 sierpnia 2023</span></p>
2155    
2156</a>
2157
2158<a data-js-filter-item data-name="Nowy eduweb - czy warto?" data-createdate="7/28/2023 12:00:00 AM" data-specialization="biznes-marketing-i-automatyzacje" href="/blog/nowy-eduweb" class="ct-card-wrapper ct-ring">
2159        <img src="https://space.eduweb.pl/files/misc/03X6nGEKPlhGVi93mWxX.jpg" class="h-12 w-12 object-cover rounded-md">
2160
2161    <p class="mt-6 text-base font-bold">Nowy eduweb - czy warto?</p>
2162    <p class="mt-2 text-sm font-normal ct-text3">Zobacz, co nowego przygotowaliśmy dla Ciebie w ostatniej odsłonie serwisu eduweb! Poza ścisłym połączeniem ze społecznością, odkrywamy nowy design, asystenta AI i wiele więcej!</p>
2163
2164    <p class="flex space-x-2 items-center mt-6 text-sm font-normal ct-text3"><span class="ct-text1">Grzegorz Róg</span>
2165    
2166    <span class="ct-dot"></span> <span>28 lipca 2023</span></p>
2167    
2168</a>
2169        </ul>
2170    </div>
2171</div>
2172
2173<script>
2174    var EDUWEB = window.EDUWEB || {};
2175    EDUWEB.BlogPage = true;
2176</script>
2176
2177
2178            </div>
2179        </div>
2180
2181        <!-- <div id="js-tutorial"></div> -->
2182
2183    </main>
2184
2185    <footer class="text-center sm:text-left mt-24 ct-container c-footer" data-js-footer>
2186        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-10">
2187
2188            <section>
2189            
2190                <a href="/" class="h-6 flex justify-center sm:justify-start items-center space-x-2 ct-text1">
2191                    <img class="w-5 h-5" src="/assets/eduweb-min.svg">
2192                    <svg class="mb-0.5" xmlns="http://www.w3.org/2000/svg" width="86px" height="18px" viewBox="0 0 86 18" fill="none">
2193    <path fill-rule="evenodd" clip-rule="evenodd"
2194        d="M66.0893 7.49236C67.4822 7.49236 68.4154 8.32054 68.7176 9.82382H63.3772C63.677 8.32054 64.6397 7.49236 66.0893 7.49236M66.1132 5.09094C62.674 5.09094 60.3633 7.44313 60.3633 10.9439C60.3633 14.403 62.7363 16.7273 66.2684 16.7273C68.2048 16.7273 69.8137 16.1862 71.0525 15.1183L69.3668 13.3202C68.5318 13.9731 67.4486 14.3607 66.448 14.3607C64.7802 14.3607 63.6848 13.5011 63.3636 11.9406L63.3375 11.8137H71.5888C71.6173 11.5656 71.636 11.2061 71.636 10.898C71.6244 7.42471 69.405 5.09094 66.1132 5.09094"
2195        fill="currentColor" />
2196    <path fill-rule="evenodd" clip-rule="evenodd"
2197        d="M79.7407 14.41C77.9103 14.41 76.5818 13.0507 76.5818 11.1781C76.5818 9.30528 77.9103 7.94582 79.7407 7.94582C81.5642 7.94582 82.8877 9.30528 82.8877 11.1781C82.8877 13.0507 81.5642 14.41 79.7407 14.41M79.7408 5.31529C78.6206 5.31529 77.5842 5.56511 76.6603 6.05758L76.5013 6.1424V0.106567H73.6406V11.1781V17.0405C74.5877 17.0405 75.4116 16.5197 75.8373 15.7519C76.8805 16.5643 78.2297 17.0405 79.7408 17.0405C83.205 17.0405 85.8173 14.5201 85.8173 11.1781C85.8173 7.83588 83.205 5.31529 79.7408 5.31529"
2198        fill="currentColor" />
2199    <path fill-rule="evenodd" clip-rule="evenodd"
2200        d="M54.075 13.7696L51.3791 5.45459H48.2693L45.6095 13.7356L43.0719 5.45459H40L43.8242 16.7273H47.1848L49.7942 8.7205L52.428 16.7273H55.8122L59.6364 5.45459H56.624L54.075 13.7696Z"
2201        fill="currentColor" />
2202    <path fill-rule="evenodd" clip-rule="evenodd"
2203        d="M5.72622 7.49236C7.11915 7.49236 8.05229 8.32054 8.3545 9.82382H3.01409C3.31393 8.32054 4.27639 7.49236 5.72622 7.49236M5.75018 5.09094C2.31076 5.09094 0 7.44313 0 10.9439C0 14.403 2.37327 16.7273 5.90559 16.7273C7.84172 16.7273 9.45041 16.1862 10.6892 15.1183L9.00378 13.3202C8.1685 13.9731 7.08533 14.3607 6.08493 14.3607C4.41718 14.3607 3.32172 13.5011 3.00033 11.9406L2.97424 11.8137H11.2255C11.254 11.5635 11.2727 11.204 11.2727 10.898C11.2611 7.42471 9.04172 5.09094 5.75018 5.09094"
2204        fill="currentColor" />
2205    <path fill-rule="evenodd" clip-rule="evenodd"
2206        d="M19.0791 14.436C17.2822 14.436 15.9778 13.0641 15.9778 11.1742C15.9778 9.28397 17.2822 7.9119 19.0791 7.9119C20.883 7.9119 22.1921 9.28397 22.1921 11.1742C22.1921 13.0641 20.883 14.436 19.0791 14.436V14.436ZM22.2715 6.09179L22.1148 6.00618C21.2043 5.50914 20.183 5.257 19.0791 5.257C15.6652 5.257 13.0908 7.80096 13.0908 11.1742C13.0908 14.5472 15.6652 17.0909 19.0791 17.0909C20.5682 17.0909 21.8978 16.6103 22.9258 15.7904C23.3454 16.5653 24.1573 17.0909 25.0908 17.0909V11.1742V0H22.2715V6.09179Z"
2207        fill="currentColor" />
2208    <path fill-rule="evenodd" clip-rule="evenodd"
2209        d="M35.3447 11.7024C35.3447 13.4238 34.4589 14.411 32.9142 14.411C31.3697 14.411 30.4838 13.4238 30.4838 11.7024V5.45459H27.6357V11.9763C27.6357 15.7473 30.3622 17.091 32.9142 17.091C35.4604 17.091 38.1812 15.7473 38.1812 11.9763V5.45459H35.3447V11.7024Z"
2210        fill="currentColor" />
2211</svg>
2212                </a>
2213
2214                <div>
2215                    <!-- <p class="ct-h4">Pomoc</p> -->
2216                    <ul class="mt-12 flex flex-col ct-text space-y-4">
2217                    <li class="ct-link">
2218                        <p class='flex items-center justify-center sm:justify-start ct-text'><span class="w-5 h-5 ct-text3 mr-3">
2219                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2220    <path fill-rule="evenodd"
2221        d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
2222        clip-rule="evenodd" />
2223</svg>
2224                        </span><a class="hover:ct-text1" href="/faq">Pytania i odpowiedzi</a></p>
2225                    </li>
2226                    <li class="cursor-pointer flex items-center justify-center sm:justify-start " data-js-footer-fb><span class="w-5 h-5 ct-text3 mr-3">
2227                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2228    <path
2229        d="M2 5C2 3.89543 2.89543 3 4 3H11C12.1046 3 13 3.89543 13 5V9C13 10.1046 12.1046 11 11 11H9L6 14V11H4C2.89543 11 2 10.1046 2 9V5Z"
2230        fill="currentColor" />
2231    <path
2232        d="M15 7V9C15 11.2091 13.2091 13 11 13H9.82843L8.06173 14.7667C8.34154 14.9156 8.66091 15 9 15H11L14 18V15H16C17.1046 15 18 14.1046 18 13V9C18 7.89543 17.1046 7 16 7H15Z"
2233        fill="currentColor" />
2234</svg>
2235
2236                        </span>
2237                        <p class="hover:ct-text1">Czat z obsługą klienta</p>
2238                    </li>
2239                    <li class="ct-link">
2240                        <p class='flex items-center justify-center sm:justify-start ct-text'><span class="w-5 h-5 ct-text3 mr-3">
2241                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
2242  <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
2243  <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
2244</svg>
2245                        </span><a class="hover:ct-text1" href="mailto:[email protected]" data-js-footer-email>obsługa/at/eduweb.pl</a></p>
2246                    </li>
2247                    <li class="ct-link">
2248                        <p class='flex items-center justify-center sm:justify-start ct-text'><span class="w-5 h-5 ct-text3 mr-3">
2249                            <svg  xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20" fill="currentColor">
2250  <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
2251</svg>
2252                        </span><a class="hover:ct-text1" href="tel:+48880880606">+48 880 880 606</a></p>
2253                    </li>
2254                    </ul>
2255                </div>
2256
2257             
2258                
2259                <div class="mt-12 flex justify-center sm:justify-start space-x-5">
2260                    <a href="https://facebook.com/eduwebpl" target="_blank" class="w-5 h-5" rel="nofollow">
2261                        <span class="w-6 h-6 ct-text4 hover:text-neutral-900 dark:hover:text-neutral-50"><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2262    <g clip-path="url(#clip0_1556_20150)">
2263        <path
2264            d="M13.5 21.8883C18.3113 21.1645 22 17.013 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.013 5.68874 21.1645 10.5 21.8883V15H9C8.17157 15 7.5 14.3284 7.5 13.5C7.5 12.6716 8.17157 12 9 12H10.5V10C10.5 8.067 12.067 6.5 14 6.5H14.5C15.3284 6.5 16 7.17157 16 8C16 8.82843 15.3284 9.5 14.5 9.5H14C13.7239 9.5 13.5 9.72386 13.5 10V12H15C15.8284 12 16.5 12.6716 16.5 13.5C16.5 14.3284 15.8284 15 15 15H13.5V21.8883Z"
2265            fill="currentColor" />
2266    </g>
2267</svg>
2268</span>
2269                    </a>
2270                    <a href="https://www.instagram.com/eduweb.pl/" target="_blank" class="w-5 h-5" rel="nofollow">
2271                        <span class="w-6 h-6 ct-text4 hover:text-neutral-900 dark:hover:text-neutral-50"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2272    <g clip-path="url(#clip0_1556_20156)">
2273        <path
2274            d="M16 3C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8ZM12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10ZM16.5 6.5C15.9477 6.5 15.5 6.94772 15.5 7.5C15.5 8.05228 15.9477 8.5 16.5 8.5C17.0523 8.5 17.5 8.05228 17.5 7.5C17.5 6.94772 17.0523 6.5 16.5 6.5Z"
2275            fill="currentColor" />
2276    </g>
2277    <defs>
2278        <clipPath id="clip0_1556_20156">
2279            <rect width="24" height="24" fill="white" />
2280        </clipPath>
2281    </defs>
2282</svg>
2283</span>
2284                    </a>
2285                    <a href="https://www.youtube.com/eduwebpl/" target="_blank" class="w-5 h-5" rel="nofollow">
2286                        <span class="w-6 h-6 ct-text4 hover:text-neutral-900 dark:hover:text-neutral-50"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2287    <g clip-path="url(#clip0_1556_20162)">
2288        <path fill-rule="evenodd" clip-rule="evenodd"
2289            d="M12 4C12.8554 4 13.7316 4.02242 14.5817 4.05777L15.5861 4.10578L16.5475 4.16257L17.4476 4.22448L18.2685 4.28787C20.1065 4.43702 21.5836 5.85942 21.7633 7.71109L21.8031 8.13563L21.8781 9.04557C21.9482 9.9888 22 11.0173 22 12C22 12.9827 21.9482 14.0112 21.8781 14.9544L21.8031 15.8644C21.79 16.0097 21.7767 16.1514 21.7633 16.2889C21.5836 18.1406 20.1065 19.563 18.2685 19.7121L17.4476 19.7755L16.5475 19.8374L15.5861 19.8942L14.5817 19.9422C13.7316 19.9776 12.8554 20 12 20C11.1446 20 10.2684 
228919.9776 9.41834 19.9422L8.41386 19.8942L7.45253 19.8374L6.5524 19.7755L5.7315 19.7121C3.89351 19.563 2.4164 18.1406 2.23668 16.2889L2.19692 15.8644L2.12192 14.9544C2.0518 14.0112 2 12.9827 2 12C2 11.0173 2.0518 9.9888 2.12192 9.04557L2.19692 8.13563C2.21003 7.99033 2.22333 7.84861 2.23668 7.71109C2.4164 5.85942 3.89351 4.43702 5.7315 4.28787L6.5524 4.22448L7.45253 4.16257L8.41385 4.10578L9.41834 4.05777C10.2684 4.02242 11.1446 4 12 4ZM10 9.57513V14.4249C10 14.8868 10.5 15.1754 10.9 14.9445L15.1 12.5196C15.5 12.2887 15.5 11.7113 15.1 11.4804L10.9 9.05551C10.5 8.82457 10 9.11325 10 9.57513Z"
2290            fill="currentColor" />
2291    </g>
2292    <defs>
2293        <clipPath id="clip0_1556_20162">
2294            <rect width="24" height="24" fill="white" />
2295        </clipPath>
2296    </defs>
2297</svg>
2298</span>
2299                    </a>
2300                    <a href="https://twitter.com/eduweb_pl" target="_blank" class="w-5 h-5" rel="nofollow">
2301                        <span class="w-5 h-5 ct-text4 hover:text-neutral-900 dark:hover:text-neutral-50"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2302    <path
2303        d="M19.191 6.06695L16.8705 8.38747C16.8081 10.6809 15.9327 12.9177 14.4469 14.56C12.7067 16.4834 10.3042 17.5 7.49906 17.5C4.77156 17.5 3.36561 16.1255 3.30709 16.0669C3.22715 15.987 3.1704 15.8869 3.14287 15.7772C3.11534 15.6675 3.11807 15.5525 3.15078 15.4442C3.18348 15.336 3.24493 15.2387 3.32857 15.1626C3.41222 15.0866 3.51493 15.0346 3.62577 15.0123C4.29281 14.8772 5.94854 14.3509 6.65312 13.4025C5.8977 12.9669 5.22689 12.3988 4.67283 11.7254C2.71254 9.34503 2.75408 6.35358 3.13414 4.26321C3.15559 4.14521 3.21055 4.03587 3.29244 3.94825C3.37433 3.86063 3.47971 3.79842 3.59599 3.76905C3.71227 3.73967 3.83455 3.74438 3.94823 3.78259C4.06191 3.82081 4.16219 3.89093 4.23712 3.98458C4.2586 4.01128 6.31277 6.52792 9.37406 7.3501V6.87524C9.38065 5.87447 9.78438 4.91728 10.4965 4.21408C11.2086 3.51089 12.1708 3.11926 13.1716 3.12528C13.8217 3.13428 14.4583 3.31174 15.0193 3.64033C15.5803 3.96891 16.0465 4.43738 16.3723 4.99998L18.7491 5.00002C18.8727 5.00001 18.9935 5.03667 19.0963 5.10534C19.1991 5.17402 19.2792 5.27163 19.3265 5.38583C19.3738 5.50003 19.3862 5.62569 19.3621 5.74693C19.338 5.86817 19.2784 5.97954 19.191 6.06695Z"
2304        fill="currentColor" />
2305</svg>
2306</span>
2307                    </a>
2308                </div>
2309                <div class="mt-12">
2310                    <div>
2311                        <label for="theme" class="ct-text2 text-sm font-medium">Motyw</label>
2312                        <div class="relative mt-1">
2313                            <button data-js-dropdown-toggle="theme" type="button" class="relative cursor-pointer rounded-md border border-solid ct-border bg-transparent py-2 pl-3 pr-12 text-left shadow-sm  sm:text-sm hover:text-primary-600" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label">
2314                                <span class="flex items-center truncate">
2315                                    <span class="hidden dark:inline-block w-6 h-6 mr-3 ct-text4">
2316                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor">
2317    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
2318</svg>
2319                                    </span> 
2320                                    <span class="inline-block dark:hidden w-6 h-6 mr-3 ct-text4">
2321                                        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6">
2322    <path
2323        d="M10 2C10.5523 2 11 2.44772 11 3V4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4V3C9 2.44772 9.44772 2 10 2Z"
2324        fill="currentColor" />
2325    <path
2326        d="M14 10C14 12.2091 12.2091 14 10 14C7.79086 14 6 12.2091 6 10C6 7.79086 7.79086 6 10 6C12.2091 6 14 7.79086 14 10
2326Z"
2327        fill="currentColor" />
2328    <path
2329        d="M13.5356 14.9497L14.2427 15.6568C14.6332 16.0473 15.2664 16.0473 15.6569 15.6568C16.0474 15.2663 16.0474 14.6331 15.6569 14.2426L14.9498 13.5355C14.5593 13.145 13.9261 13.145 13.5356 13.5355C13.1451 13.926 13.1451 14.5592 13.5356 14.9497Z"
2330        fill="currentColor" />
2331    <path
2332        d="M15.6568 4.34309C16.0473 4.73362 16.0473 5.36678 15.6568 5.75731L14.9497 6.46441C14.5592 6.85494 13.926 6.85494 13.5355 6.46441C13.145 6.07389 13.145 5.44072 13.5355 5.0502L14.2426 4.34309C14.6331 3.95257 15.2663 3.95257 15.6568 4.34309Z"
2333        fill="currentColor" />
2334    <path
2335        d="M17 11C17.5523 11 18 10.5523 18 10C18 9.44772 17.5523 9 17 9H16C15.4477 9 15 9.44772 15 10C15 10.5523 15.4477 11 16 11H17Z"
2336        fill="currentColor" />
2337    <path
2338        d="M10 15C10.5523 15 11 15.4477 11 16V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V16C9 15.4477 9.44772 15 10 15Z"
2339        fill="currentColor" />
2340    <path
2341        d="M5.05031 6.46443C5.44083 6.85496 6.074 6.85496 6.46452 6.46443C6.85505 6.07391 6.85505 5.44074 6.46452 5.05022L5.75742 4.34311C5.36689 3.95259 4.73373 3.95259 4.3432 4.34311C3.95268 4.73363 3.95268 5.3668 4.3432 5.75732L5.05031 6.46443Z"
2342        fill="currentColor" />
2343    <path
2344        d="M6.46443 14.9497L5.75732 15.6568C5.3668 16.0473 4.73363 16.0473 4.34311 15.6568C3.95259 15.2663 3.95259 14.6331 4.34311 14.2426L5.05022 13.5355C5.44074 13.145 6.07391 13.145 6.46443 13.5355C6.85496 13.926 6.85496 14.5592 6.46443 14.9497Z"
2345        fill="currentColor" />
2346    <path
2347        d="M4 11C4.55228 11 5 10.5523 5 10C5 9.44772 4.55228 9 4 9H3C2.44772 9 2 9.44772 2 10C2 10.5523 2.44772 11 3 11H4Z"
2348        fill="currentColor" />
2349</svg>
2350                                    </span>
2351                                    <span data-js-theme-name>Ciemny</span></span>
2352                                <div class="pointer-events-none absolute inset-y-0 right-3 flex items-center">
2353                                    <span class="w-5 h-5 ct-text3"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2354    <path fill-rule="evenodd" clip-rule="evenodd"
2355        d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z"
2356        fill="currentColor" />
2357</svg>
2358</span>
2359                                </div>
2360                            </button>
2361                            <ul data-js-dropdown="theme" class="opacity-0 absolute z-10 mt-1 max-h-60 overflow-auto rounded-md ct-bg15 py-1 ct-text1 text-base shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" tabindex="-1" role="listbox">
2362                                <li data-js-theme-btn="dark" class="flex item-center relative cursor-pointer select-none py-2 pl-3 pr-12 hover:bg-neutral-100 dark:hover:bg-neutral-600 dar
2362k:font-semibold" role="option">
2363                                    <span class="flex items-center">
2364                                        <span class="w-6 h-6 mr-3 ct-text4">
2365                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor">
2366    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
2367</svg></span> Ciemny</span>
2368                                    <div class="hidden dark:flex text-primary-600 absolute inset-y-0 right-0 items-center pr-4">
2369                                        <span class="w-4 h-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2370    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
2371</svg></span>
2372                                    </div>
2373                                </li>
2374                                <li data-js-theme-btn="light" class="flex item-center relative cursor-pointer select-none py-2 pl-3 pr-12 hover:bg-neutral-100 dark:hover:bg-neutral-600 font-semibold dark:font-normal" role="option">
2375                                    <span class="flex items-center">
2376                                        <span class="w-6 h-6 mr-3 ct-text4">
2377                                            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6">
2378    <path
2379        d="M10 2C10.5523 2 11 2.44772 11 3V4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4V3C9 2.44772 9.44772 2 10 2Z"
2380        fill="currentColor" />
2381    <path
2382        d="M14 10C14 12.2091 12.2091 14 10 14C7.79086 14 6 12.2091 6 10C6 7.79086 7.79086 6 10 6C12.2091 6 14 7.79086 14 10
2382Z"
2383        fill="currentColor" />
2384    <path
2385        d="M13.5356 14.9497L14.2427 15.6568C14.6332 16.0473 15.2664 16.0473 15.6569 15.6568C16.0474 15.2663 16.0474 14.6331 15.6569 14.2426L14.9498 13.5355C14.5593 13.145 13.9261 13.145 13.5356 13.5355C13.1451 13.926 13.1451 14.5592 13.5356 14.9497Z"
2386        fill="currentColor" />
2387    <path
2388        d="M15.6568 4.34309C16.0473 4.73362 16.0473 5.36678 15.6568 5.75731L14.9497 6.46441C14.5592 6.85494 13.926 6.85494 13.5355 6.46441C13.145 6.07389 13.145 5.44072 13.5355 5.0502L14.2426 4.34309C14.6331 3.95257 15.2663 3.95257 15.6568 4.34309Z"
2389        fill="currentColor" />
2390    <path
2391        d="M17 11C17.5523 11 18 10.5523 18 10C18 9.44772 17.5523 9 17 9H16C15.4477 9 15 9.44772 15 10C15 10.5523 15.4477 11 16 11H17Z"
2392        fill="currentColor" />
2393    <path
2394        d="M10 15C10.5523 15 11 15.4477 11 16V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V16C9 15.4477 9.44772 15 10 15Z"
2395        fill="currentColor" />
2396    <path
2397        d="M5.05031 6.46443C5.44083 6.85496 6.074 6.85496 6.46452 6.46443C6.85505 6.07391 6.85505 5.44074 6.46452 5.05022L5.75742 4.34311C5.36689 3.95259 4.73373 3.95259 4.3432 4.34311C3.95268 4.73363 3.95268 5.3668 4.3432 5.75732L5.05031 6.46443Z"
2398        fill="currentColor" />
2399    <path
2400        d="M6.46443 14.9497L5.75732 15.6568C5.3668 16.0473 4.73363 16.0473 4.34311 15.6568C3.95259 15.2663 3.95259 14.6331 4.34311 14.2426L5.05022 13.5355C5.44074 13.145 6.07391 13.145 6.46443 13.5355C6.85496 13.926 6.85496 14.5592 6.46443 14.9497Z"
2401        fill="currentColor" />
2402    <path
2403        d="M4 11C4.55228 11 5 10.5523 5 10C5 9.44772 4.55228 9 4 9H3C2.44772 9 2 9.44772 2 10C2 10.5523 2.44772 11 3 11H4Z"
2404        fill="currentColor" />
2405</svg></span> Jasny</span>
2406                                    <div class="flex dark:hidden text-primary-600 absolute inset-y-0 right-0 items-center pr-4">
2407                                        <span class="w-4 h-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2408    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
2409</svg></span>
2410                                    </div>
2411                                </li>
2412
2413                            </ul>
2414                        </div>
2415                    </div>
2416
2417                </div>
2418            </section>
2419            
2420                
2421<section>
2422    <div>
2423    <a href="/" class=" ct-h4 block hover:underline hover:underline-offset-4">eduweb</a>
2424    <ul class="mt-6 flex flex-col ct-text space-y-4">
2425        <li class="ct-link"><a href="/">Strona główna</a></li>
2426        <li class="ct-link"><a href="/wyszukiwarka?Type=course">Kursy</a></li>
2427        <li class="ct-link"><a href="/wyszukiwarka?Type=path">Ścieżki</a></li>
2428        <li class="ct-link"><a href="/cennik">Cennik</a></li>
2429        <li class="ct-link"><a href="/blog">Blog</a></li>
2430    </ul>
2431    </div>
2432</section>
2433<section>
2434    <div>
2435        <p class="ct-h4">Kategorie</p>
2436        <ul class="mt-6 flex flex-col ct-text space-y-4">
2437            <li class="ct-link">
2438                <a href="/biznes-i-automatyzacje">
2439                    Biznes i Automatyzacje
2440                </a>
2441            </li>
2442            <li class="ct-link">
2443                <a href="/foto-audio-i-wideo">
2444                    Foto, Audio i Wideo
2445                </a>
2446            </li>
2447            <li class="ct-link">
2448                <a href="/full-stack-i-programowanie">
2449                    Full-stack i Programowanie
2450                </a>
2451            </li>
2452            <li class="ct-link">
2453                <a href="/grafika-motion-i-3d">
2454                    Grafika, Motion i 3D
2455                </a>
2456            </li>
2457            <li class="ct-link">
2458                <a href="/ui-ux-i-webdesign">
2459                    UI, UX i Webdesign
2460                </a>
2461            </li>
2462        </ul>
2463    </div>
2464</section>
2465            
2466        </div>
2467
2468        <div class="mt-24 flex items-center justify-center bg-white dark:bg-transparent">
2469            <img class="block dark:hidden max-w-3xl w-full" src="/images/home/white_class.jpg" />
2470            <img class="hidden dark:block max-w-3xl w-full" src="/images/home/dark_class.jpg" />
2471        </div>
2472        <div class="flex flex-col md:flex-row justify-between items-center border-t ct-div1 pt-10 pb-12 space-y-6 md:space-y-0">
2473            <p class="ct-text">© 2026 eduweb sp. z o.o. Wszelkie prawa zastrzeżone.</p>
2474            <div class="flex justify-between md:justify-start space-x-8">
2475                <a href="/regulamin" class="ct-link">Regulamin</a>
2476                <a href="/polityka" class="ct-link">Polityka prywatności</a>
2477            </div>
2478        </div>
2479    </footer>
2480
2481    
2482
2483    
2483<script data-cfasync="false" type="text/javascript">
2484    window.civchat = {
2485        apiKey: "cVXOPh"
2486    };
2487    </script>
2487
2488
2489<script data-cfasync="false" type="text/javascript" src="https://eduweb.user.com/widget.js"></script>
2489
2490
2491
2492    
2492<script>
2493        var EDUWEB = window.EDUWEB || {};
2494
2495        EDUWEB.Login = {
2496            LoginUrl: "/blog/authorize",
2497            LogoutUrl: "/login/logout",
2498            EmailSignOut: function() { console.log("Błędne wylogowanie przez Email"); },
2499            FacebookSignOut: function() { console.log("Błędne wylogowanie przez Facebook"); },
2500            GoogleSignOut: function() { console.log("Błędne wylogowanie przez Google"); },
2501            SignOut: function(cb) {
2502        
2503
2504            }
2505        };
2506
2507        EDUWEB.Tutorial = null;
2508
2509        const KEY_TUTORIAL = 'EDUWEB.TUTORIAL';
2510
2511        if (!localStorage.getItem(KEY_TUTORIAL)){
2512            localStorage.setItem(KEY_TUTORIAL, JSON.stringify(
2513                {
2514                    Player: 0,
2515                    Playlist: 0,
2516                    Transcript: 0,
2517                    Sources: 0
2518                })
2519            )
2520        } else {
2521            const tutorial = JSON.parse(localStorage.getItem(KEY_TUTORIAL));
2522            if(!tutorial.Sources) {
2523                tutorial.Sources = 0 ;
2524            }
2525            if(!tutorial.Transcript){
2526                tutorial.Transcript = 0;
2527            }
2528            localStorage.setItem(KEY_TUTORIAL, JSON.stringify(tutorial));
2529        }
2530
2531    </script>
2531
2532
2533    
2534
2535    
2535<script data-js-search-template type="text/x-template">
2536    <div class="">
2537        <div class="mt-12 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
2538                                                                    <div class="animate-pulse
2539 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2540                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2541                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2542                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2543                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2544                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2545                                                                        </div>
2546                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2547                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2548                                                                            <div class="mt-2 flex items-center space-x-3">
2549                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2550                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2551
2552                                                                            </div>
2553                                                                        </div>
2554                                                                    </div>
2555                                                                </div>
2556                                                                    <div class="animate-pulse
2557 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2558                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2559                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2560                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2561                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2562                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2563                                                                        </div>
2564                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2565                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2566                                                                            <div class="mt-2 flex items-center space-x-3">
2567                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2568                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2569
2570                                                                            </div>
2571                                                                        </div>
2572                                                                    </div>
2573                                                                </div>
2574                                                                    <div class="animate-pulse
2575 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2576                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2577                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2578                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2579                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dar
2579k:bg-neutral-700"></div>
2580                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2581                                                                        </div>
2582                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2583                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2584                                                                            <div class="mt-2 flex items-center space-x-3">
2585                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2586                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2587
2588                                                                            </div>
2589                                                                        </div>
2590                                                                    </div>
2591                                                                </div>
2592                                                                    <div class="animate-pulse
2593 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2594                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2595                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2596                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2597                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2598                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2599                                                                        </div>
2600                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2601                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2602                                                                            <div class="mt-2 flex items-center space-x-3">
2603                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2604                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2605
2606                                                                            </div>
2607                                                                        </div>
2608                                                                    </div>
2609                                                                </div>
2610                                                                    <div class="animate-pulse
2611 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2612                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2613                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2614                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2615                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dar
2615k:bg-neutral-700"></div>
2616                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2617                                                                        </div>
2618                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2619                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2620                                                                            <div class="mt-2 flex items-center space-x-3">
2621                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2622                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2623
2624                                                                            </div>
2625                                                                        </div>
2626                                                                    </div>
2627                                                                </div>
2628                                                                    <div class="animate-pulse
2629 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2630                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2631                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2632                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2633                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2634                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2635                                                                        </div>
2636                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2637                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2638                                                                            <div class="mt-2 flex items-center space-x-3">
2639                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2640                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2641
2642                                                                            </div>
2643                                                                        </div>
2644                                                                    </div>
2645                                                                </div>
2646                                                                    <div class="animate-pulse
2647 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2648                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2649                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2650                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2651                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dar
2651k:bg-neutral-700"></div>
2652                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2653                                                                        </div>
2654                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2655                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2656                                                                            <div class="mt-2 flex items-center space-x-3">
2657                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2658                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2659
2660                                                                            </div>
2661                                                                        </div>
2662                                                                    </div>
2663                                                                </div>
2664                                                                    <div class="animate-pulse
2665 relative sm:w-[calc(100%+40px)] sm:h-[270px] transform sm:-translate-x-5 flex items-start justify-center ">
2666                                                                    <div class=" w-full sm:w-[calc(100%-40px)] group  transition-all border border-neutral-200 dark:border-neutral-700 sm:border-transparent
2667                sm:dark:border-transparent shadow-md sm:shadow-none rounded-xl">
2668                                                                        <div class="relative bg-neutral-200 dark:bg-neutral-800 w-full h-[168px] transition-all rounded-t-xl sm:rounded-xl  overflow-hidden">
2669                                                                            <div class="absolute top-2 right-2 w-16 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2670                                                                            <div class="absolute bottom-2 right-2 w-28 h-5 rounded-full bg-neutral-100 dark:bg-neutral-700"></div>
2671                                                                        </div>
2672                                                                        <div class="p-4 rounded-b-xl bg-white dark:bg-neutral-800 sm:bg-transparent sm:dark:bg-transparent">
2673                                                                            <p class="h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2674                                                                            <div class="mt-2 flex items-center space-x-3">
2675                                                                                <p class="flex-grow h-3 bg-neutral-200 dark:bg-neutral-700 rounded"></p>
2676                                                                              <p class="h-3 w-24 rounded-full bg-neutral-200 dark:bg-neutral-700"></p>
2677
2678                                                                            </div>
2679                                                                        </div>
2680                                                                    </div>
2681                                                                </div>
2682        </div>
2683    </div>
2684</script>
2684
2685
2686
2687    
2688    
2689        
2689<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.22/vue.runtime.min.js"></script>
2689
2690        
2690<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/3.0.1/vuex.min.js"></script>
2690
2691    
2692
2693    
2693<script src="/js/common.js?v=RaCHjHglMjl5mUwkavI7O8chdrcFnNeOAlTXbfp95gg"></script>
2693
2694    
2694<script src="/js/main.js?v=VBadhc24LHq3jNzXaQpU_cMbpLogoSEbWMMENe0cBI0"></script>
2694
2695
2696    
2696<script>
2697        loadModule("general-modals");
2698        loadModule("cart-modals",true);
2699
2700        if(EDUWEB.Tutorial) {
2701            loadModule("tutorial");
2702        }
2703    </script>
2703
2704
2705    
2706
2707    
2707<script type="text/javascript">
2708        _linkedin_partner_id = "1353210";
2709        window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
2710        window._linkedin_data_partner_ids.push(_linkedin_partner_id);
2711    </script>
2711
2712    
2712<script type="text/javascript">
2713        (function () {
2714            var s = document.getElementsByTagName("script")[0];
2715            var b = document.createElement("script");
2716            b.type = "text/javascript"; b.async = true;
2717            b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
2718            s.parentNode.insertBefore(b, s);
2719        })();
2720    </script>
2720
2721
2722    <noscript>
2723        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1353210&fmt=gif" />
2724    </noscript>
2725</body>
2726</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.