Skip to content

Commit 4b159e8

Browse files
dev-cladev-cla
committed
Add new article: Programmier-Bootcamp vs. Informatikstudium: Welcher Weg führt schneller zum Job?
1 parent 3266b82 commit 4b159e8

1 file changed

Lines changed: 205 additions & 0 deletions

File tree

‎programmier-bootcamp-vs-informatikstudium-welcher-weg-fuhrt-schneller-zum-job.html‎

Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
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="Programmier-Bootcamp oder Informatikstudium: Wir vergleichen Vor- und Nachteile beider Optionen, damit du schnell und effektiv in die IT-Branche starten kannst."
10+
/>
11+
<meta name="keywords" content="Programmier-Bootcamp, Informatikstudium, Coding-Bootcamp Deutschland, Karriere in der IT, IT-Berufseinstieg, Coding lernen, Bootcamp vs. Studium" />
12+
<meta name="robots" content="index, follow" />
13+
14+
<!-- Open Graph / Social Media -->
15+
<meta property="og:title" content="Programmier-Bootcamp vs. Informatikstudium: Welcher Weg führt schneller zum Job?" />
16+
<meta
17+
property="og:description"
18+
content="Programmier-Bootcamp oder Informatikstudium: Wir vergleichen Vor- und Nachteile beider Optionen, damit du schnell und effektiv in die IT-Branche starten kannst."
19+
/>
20+
<meta
21+
property="og:image"
22+
content="https://images.unsplash.com/photo-1564981797816-1043664bf78d?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fHVuaXZlcnNpdHl8ZW58MHx8MHx8fDA%3D"
23+
/>
24+
<meta property="og:type" content="article" />
25+
<meta property="og:locale" content="en_US" />
26+
27+
<!-- Twitter Card -->
28+
<meta name="twitter:card" content="summary_large_image" />
29+
<meta name="twitter:title" content="Programmier-Bootcamp vs. Informatikstudium: Welcher Weg führt schneller zum Job?" />
30+
<meta
31+
name="twitter:description"
32+
content="Programmier-Bootcamp oder Informatikstudium: Wir vergleichen Vor- und Nachteile beider Optionen, damit du schnell und effektiv in die IT-Branche starten kannst."
33+
/>
34+
<meta
35+
name="twitter:image"
36+
content="https://images.unsplash.com/photo-1564981797816-1043664bf78d?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fHVuaXZlcnNpdHl8ZW58MHx8MHx8fDA%3D"
37+
/>
38+
<link rel="preconnect" href="https://fonts.googleapis.com" />
39+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
40+
<link
41+
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"
42+
rel="stylesheet"
43+
/>
44+
<script src="https://cdn.tailwindcss.com"></script>
45+
<script>
46+
tailwind.config = {
47+
darkMode: "class",
48+
theme: {
49+
fontFamily: {
50+
sans: ["Poppins", "sans-serif"],
51+
},
52+
extend: {
53+
colors: {
54+
primary: "#FF1493",
55+
},
56+
},
57+
},
58+
};
59+
</script>
60+
<link rel="stylesheet" href="./css/article.css" />
61+
</head>
62+
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100">
63+
<!-- Header -->
64+
<header class="border-b border-gray-100 dark:border-gray-800">
65+
<div class="container mx-auto px-4 py-6">
66+
<nav class="flex flex-col sm:flex-row items-center justify-between">
67+
<a
68+
href="https://codelabsacademy.com/en"
69+
target="_blank"
70+
rel="noreferrer"
71+
aria-label="Home page link"
72+
>
73+
<div class="flex items-center space-x-2 mb-4 sm:mb-0">
74+
<img
75+
src="https://d3vdhmy3teu986.cloudfront.net/strapi/Bullet_9dbbd7144f.svg"
76+
width="30px"
77+
alt="Code Labs Academy icon"
78+
/></div
79+
></a>
80+
<div class="flex items-center space-x-6">
81+
<a
82+
href="index.html"
83+
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
84+
>Blog</a
85+
>
86+
<a
87+
href="https://codelabsacademy.com/en/learning-hub"
88+
target="_blank"
89+
rel="noreferrer"
90+
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
91+
>Learning Hub</a
92+
>
93+
<button
94+
id="darkModeToggle"
95+
class="p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
96+
>
97+
<svg
98+
class="w-5 h-5 dark:hidden"
99+
fill="none"
100+
stroke="currentColor"
101+
viewBox="0 0 24 24"
102+
>
103+
<path
104+
stroke-linecap="round"
105+
stroke-linejoin="round"
106+
stroke-width="2"
107+
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"
108+
/>
109+
</svg>
110+
<svg
111+
class="w-5 h-5 hidden dark:block"
112+
fill="none"
113+
stroke="currentColor"
114+
viewBox="0 0 24 24"
115+
>
116+
<path
117+
stroke-linecap="round"
118+
stroke-linejoin="round"
119+
stroke-width="2"
120+
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"
121+
/>
122+
</svg>
123+
</button>
124+
</div>
125+
</nav>
126+
</div>
127+
</header>
128+
129+
<!-- Main Content -->
130+
<main class="container mx-auto px-4 py-12 min-h-[80vh]">
131+
<article class="max-w-[820px] mx-auto">
132+
<p>Want a job in tech fast? Choosing between a coding bootcamp and a computer science degree is a big decision. Both paths lead to great careers, but which one gets you there quicker?</p><h3>Bootcamps: The Fast Track</h3><p>Bootcamps are <i>intense</i>. Think short, focused training. You'll learn practical skills, building projects for your portfolio. Perfect for quick entry into the job market. <em>But</em>, they might lack the theoretical depth of a degree.</p><h3>Degrees: The Deep Dive</h3><p>A computer science degree provides a <em>strong foundation</em>. You'll learn the theory behind programming, giving you a broader understanding. This can be beneficial for long-term career growth. However, it takes longer to complete, delaying your entry into the workforce.</p><h3>Which Path is Right for You?</h3><p>It depends on your goals and learning style. Need a job ASAP? A bootcamp might be your best bet. Want a more comprehensive education? A degree is the way to go. Consider your financial situation too. Bootcamps are often more affordable, but degrees can lead to higher earning potential in the long run.</p><h3>My Experience</h3><p>I know someone who went through a bootcamp and landed a job within months. Another friend is finishing their degree and is already getting internship offers. Both routes work!</p><br />Find the full article at this <a href="https://codelabsacademy.com/en/blog/programmier-bootcamp-vs-informatikstudium-welcher-weg-fuhrt-schneller-zum-job?source=github">link</a><br /><hr />Launch your career in <a href="https://codelabsacademy.com/en/courses/web-development?source=github">web development</a> with <a href="https://codelabsacademy.com/en/">Code Labs Academy</a>'s expert-led bootcamp.<br /><br />#programming-bootcamp #computer-science-degree #software-jobs
133+
</article>
134+
</main>
135+
136+
<!-- Footer -->
137+
<footer class="border-t border-gray-100 dark:border-gray-800">
138+
<div class="container mx-auto px-4 py-6">
139+
<div class="flex justify-center space-x-4">
140+
<a
141+
href="https://www.linkedin.com/school/codelabsacademy"
142+
target="_blank"
143+
rel="noreferrer"
144+
aria-label="CLA Linkedin link"
145+
class="hover:opacity-80"
146+
>
147+
<img
148+
class="w-6 h-6"
149+
src="./images/linkedin.svg"
150+
alt="Linkedin icon"
151+
/>
152+
</a>
153+
<a
154+
href="https://www.instagram.com/codelabsacademy_/"
155+
target="_blank"
156+
rel="noreferrer"
157+
aria-label="CLA Instagram link"
158+
class="hover:opacity-80"
159+
>
160+
<img
161+
class="w-6 h-6"
162+
src="./images/instagram.svg"
163+
alt="Instagram icon"
164+
/>
165+
</a>
166+
<a
167+
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"
168+
target="_blank"
169+
rel="noreferrer"
170+
aria-label="CLA Maps link"
171+
class="hover:opacity-80"
172+
>
173+
<img class="w-6 h-6" src="./images/maps.svg" alt="Maps icon" />
174+
</a>
175+
</div>
176+
<p class="text-center text-sm text-gray-500 dark:text-gray-400 mt-4">
177+
©
178+
<script>
179+
document.write(new Date().getFullYear());
180+
</script>
181+
Code Labs Academy. All rights reserved.
182+
</p>
183+
</div>
184+
</footer>
185+
186+
<script>
187+
const darkModeToggle = document.getElementById("darkModeToggle");
188+
const html = document.documentElement;
189+
190+
darkModeToggle.addEventListener("click", () => {
191+
html.classList.toggle("dark");
192+
localStorage.setItem("darkMode", html.classList.contains("dark"));
193+
});
194+
195+
// Check for saved dark mode preference
196+
if (
197+
localStorage.getItem("darkMode") === "true" ||
198+
(!("darkMode" in localStorage) &&
199+
window.matchMedia("(prefers-color-scheme: dark)").matches)
200+
) {
201+
html.classList.add("dark");
202+
}
203+
</script>
204+
</body>
205+
</html>

0 commit comments

Comments
 (0)