Skip to content

Commit 08e0111

Browse files
dev-cladev-cla
committed
Add new article: Wat is het Intensive Code Camp?
1 parent 9b15f91 commit 08e0111

1 file changed

Lines changed: 208 additions & 0 deletions

File tree

‎wat-is-het-intensive-code-camp.html‎

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Metadata -->
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta
8+
name="description"
9+
content="Ontdek hoe een Intensief Codekamp van Code Labs Academy jou in korte tijd klaarstoomt voor een carrière in tech. Leer meer over de voordelen en inhoud!
10+
"
11+
/>
12+
<meta name="keywords" content="Intensief Codekamp, Online Coding Bootcamp, Programmeren, Carrièreswitch, Tech Carrière, Coding Skills Ontwikkelen, Web Development, Data Analyse, Cybersecurity, Nederlandse Tech Sector" />
13+
<meta name="robots" content="index, follow" />
14+
15+
<!-- Open Graph / Social Media -->
16+
<meta property="og:title" content="Wat is het Intensive Code Camp?" />
17+
<meta
18+
property="og:description"
19+
content="Ontdek hoe een Intensief Codekamp van Code Labs Academy jou in korte tijd klaarstoomt voor een carrière in tech. Leer meer over de voordelen en inhoud!
20+
"
21+
/>
22+
<meta
23+
property="og:image"
24+
content="https://images.unsplash.com/photo-1637073849667-91120a924221?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mjd8fGNvZGluZyUyMGJvb3RjYW1wfGVufDB8fDB8fHww"
25+
/>
26+
<meta property="og:type" content="article" />
27+
<meta property="og:locale" content="en_US" />
28+
29+
<!-- Twitter Card -->
30+
<meta name="twitter:card" content="summary_large_image" />
31+
<meta name="twitter:title" content="Wat is het Intensive Code Camp?" />
32+
<meta
33+
name="twitter:description"
34+
content="Ontdek hoe een Intensief Codekamp van Code Labs Academy jou in korte tijd klaarstoomt voor een carrière in tech. Leer meer over de voordelen en inhoud!
35+
"
36+
/>
37+
<meta
38+
name="twitter:image"
39+
content="https://images.unsplash.com/photo-1637073849667-91120a924221?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mjd8fGNvZGluZyUyMGJvb3RjYW1wfGVufDB8fDB8fHww"
40+
/>
41+
<link rel="preconnect" href="https://fonts.googleapis.com" />
42+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
43+
<link
44+
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500;&display=swap"
45+
rel="stylesheet"
46+
/>
47+
<script src="https://cdn.tailwindcss.com"></script>
48+
<script>
49+
tailwind.config = {
50+
darkMode: "class",
51+
theme: {
52+
fontFamily: {
53+
sans: ["Poppins", "sans-serif"],
54+
},
55+
extend: {
56+
colors: {
57+
primary: "#FF1493",
58+
},
59+
},
60+
},
61+
};
62+
</script>
63+
<link rel="stylesheet" href="./css/article.css" />
64+
</head>
65+
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100">
66+
<!-- Header -->
67+
<header class="border-b border-gray-100 dark:border-gray-800">
68+
<div class="container mx-auto px-4 py-6">
69+
<nav class="flex flex-col sm:flex-row items-center justify-between">
70+
<a
71+
href="https://codelabsacademy.com/en"
72+
target="_blank"
73+
rel="noreferrer"
74+
aria-label="Home page link"
75+
>
76+
<div class="flex items-center space-x-2 mb-4 sm:mb-0">
77+
<img
78+
src="https://d3vdhmy3teu986.cloudfront.net/strapi/Bullet_9dbbd7144f.svg"
79+
width="30px"
80+
alt="Code Labs Academy icon"
81+
/></div
82+
></a>
83+
<div class="flex items-center space-x-6">
84+
<a
85+
href="index.html"
86+
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
87+
>Blog</a
88+
>
89+
<a
90+
href="https://codelabsacademy.com/en/learning-hub"
91+
target="_blank"
92+
rel="noreferrer"
93+
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
94+
>Learning Hub</a
95+
>
96+
<button
97+
id="darkModeToggle"
98+
class="p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
99+
>
100+
<svg
101+
class="w-5 h-5 dark:hidden"
102+
fill="none"
103+
stroke="currentColor"
104+
viewBox="0 0 24 24"
105+
>
106+
<path
107+
stroke-linecap="round"
108+
stroke-linejoin="round"
109+
stroke-width="2"
110+
d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
111+
/>
112+
</svg>
113+
<svg
114+
class="w-5 h-5 hidden dark:block"
115+
fill="none"
116+
stroke="currentColor"
117+
viewBox="0 0 24 24"
118+
>
119+
<path
120+
stroke-linecap="round"
121+
stroke-linejoin="round"
122+
stroke-width="2"
123+
d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
124+
/>
125+
</svg>
126+
</button>
127+
</div>
128+
</nav>
129+
</div>
130+
</header>
131+
132+
<!-- Main Content -->
133+
<main class="container mx-auto px-4 py-12 min-h-[80vh]">
134+
<article class="max-w-[820px] mx-auto">
135+
<p>Ever wondered how to fast-track your career in tech? Want to learn to code in a short, intense period? Then you might be interested in an intensive code camp!</p><h3>What is an Intensive Code Camp?</h3><p>Intensive code camps are short, immersive programs designed to teach you coding skills quickly. Think of it like a supercharged learning experience. You'll spend many hours each day learning and building projects. It's a great way to get job-ready fast.</p><h3>Is it Right for You?</h3><p>These camps are perfect for people who learn by doing. You'll be building real-world projects from day one. Are you self-motivated and ready for a challenge? If so, an intensive code camp could be a great fit. It's not for everyone, though. Be prepared for long hours and intense focus.</p><h3>What Will You Learn?</h3><p>The specific skills you learn will depend on the camp you choose. Many focus on web development, teaching you the fundamentals of HTML, CSS, and JavaScript. You'll also learn about databases and back-end technologies. Some camps even specialize in areas like data science or cybersecurity.</p><h3>Finding the Right Camp</h3><p>Research is key! Look for camps with strong reputations and positive student reviews. Check out their curriculum to make sure it aligns with your career goals. Consider the location and the overall learning environment. A supportive community can make all the difference.</p><p><i>For example, one great camp is located in Amsterdam, Netherlands, and focuses on web development.</i></p><br />Discover more insights in the <a href="https://codelabsacademy.com/en/blog/wat-is-het-intensive-code-camp?source=github">full article</a><br /><hr /><a href="https://codelabsacademy.com/en/">Code Labs Academy</a>: Master <a href="https://codelabsacademy.com/en/courses/web-development/netherlands/velsen-zuid?source=github">Web Development</a> in Velsen Zuid<br /><br />#intensive-code-camp #coding-bootcamp #web-development
136+
</article>
137+
</main>
138+
139+
<!-- Footer -->
140+
<footer class="border-t border-gray-100 dark:border-gray-800">
141+
<div class="container mx-auto px-4 py-6">
142+
<div class="flex justify-center space-x-4">
143+
<a
144+
href="https://www.linkedin.com/school/codelabsacademy"
145+
target="_blank"
146+
rel="noreferrer"
147+
aria-label="CLA Linkedin link"
148+
class="hover:opacity-80"
149+
>
150+
<img
151+
class="w-6 h-6"
152+
src="./images/linkedin.svg"
153+
alt="Linkedin icon"
154+
/>
155+
</a>
156+
<a
157+
href="https://www.instagram.com/codelabsacademy_/"
158+
target="_blank"
159+
rel="noreferrer"
160+
aria-label="CLA Instagram link"
161+
class="hover:opacity-80"
162+
>
163+
<img
164+
class="w-6 h-6"
165+
src="./images/instagram.svg"
166+
alt="Instagram icon"
167+
/>
168+
</a>
169+
<a
170+
href="https://www.google.com/maps/place/Code+Labs+Academy+Berlin+-+Coding+Bootcamp/@52.5039927,13.405669,17z/data=!3m1!4b1!4m6!3m5!1s0x47bdbddcaf38f957:0xc4282d6f3a56c1bd!8m2!3d52.5039927!4d13.407863!16s%2Fg%2F11rtcdzfy3"
171+
target="_blank"
172+
rel="noreferrer"
173+
aria-label="CLA Maps link"
174+
class="hover:opacity-80"
175+
>
176+
<img class="w-6 h-6" src="./images/maps.svg" alt="Maps icon" />
177+
</a>
178+
</div>
179+
<p class="text-center text-sm text-gray-500 dark:text-gray-400 mt-4">
180+
©
181+
<script>
182+
document.write(new Date().getFullYear());
183+
</script>
184+
Code Labs Academy. All rights reserved.
185+
</p>
186+
</div>
187+
</footer>
188+
189+
<script>
190+
const darkModeToggle = document.getElementById("darkModeToggle");
191+
const html = document.documentElement;
192+
193+
darkModeToggle.addEventListener("click", () => {
194+
html.classList.toggle("dark");
195+
localStorage.setItem("darkMode", html.classList.contains("dark"));
196+
});
197+
198+
// Check for saved dark mode preference
199+
if (
200+
localStorage.getItem("darkMode") === "true" ||
201+
(!("darkMode" in localStorage) &&
202+
window.matchMedia("(prefers-color-scheme: dark)").matches)
203+
) {
204+
html.classList.add("dark");
205+
}
206+
</script>
207+
</body>
208+
</html>

0 commit comments

Comments
 (0)