Skip to content

Commit

Permalink
Add new article: Bootcamp Comparison: CareerFoundry vs Thinkful
Browse files Browse the repository at this point in the history
  • Loading branch information
@dev-cla
dev-cla committed Feb 5, 2025
1 parent a9cec3d commit 4c31523
Showing 1 changed file with 205 additions and 0 deletions.
205 changes: 205 additions & 0 deletions bootcamp-comparison-careerfoundry-vs-thinkful.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,205 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Explore the key differences between CareerFoundry and Thinkful. Discover which tech bootcamp fits your career goals, from UX/UI design to web development. Learn about course offerings, mentorship, financing options, and more to make an informed decision."
/>
<meta name="keywords" content="CareerFoundry, ThinkfulBootcamp, BootcampComparison, TechCareerPath, LearnUXUI" />
<meta name="robots" content="index, follow" />

<!-- Open Graph / Social Media -->
<meta property="og:title" content="Bootcamp Comparison: CareerFoundry vs Thinkful" />
<meta
property="og:description"
content="Explore the key differences between CareerFoundry and Thinkful. Discover which tech bootcamp fits your career goals, from UX/UI design to web development. Learn about course offerings, mentorship, financing options, and more to make an informed decision."
/>
<meta
property="og:image"
content="https://images.unsplash.com/photo-1483808161634-29aa1b0e585e?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Bootcamp Comparison: CareerFoundry vs Thinkful" />
<meta
name="twitter:description"
content="Explore the key differences between CareerFoundry and Thinkful. Discover which tech bootcamp fits your career goals, from UX/UI design to web development. Learn about course offerings, mentorship, financing options, and more to make an informed decision."
/>
<meta
name="twitter:image"
content="https://images.unsplash.com/photo-1483808161634-29aa1b0e585e?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
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"
rel="stylesheet"
/>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: "class",
theme: {
fontFamily: {
sans: ["Poppins", "sans-serif"],
},
extend: {
colors: {
primary: "#FF1493",
},
},
},
};
</script>
<link rel="stylesheet" href="./css/article.css" />
</head>
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100">
<!-- Header -->
<header class="border-b border-gray-100 dark:border-gray-800">
<div class="container mx-auto px-4 py-6">
<nav class="flex flex-col sm:flex-row items-center justify-between">
<a
href="https://codelabsacademy.com/en"
target="_blank"
rel="noreferrer"
aria-label="Home page link"
>
<div class="flex items-center space-x-2 mb-4 sm:mb-0">
<img
src="https://d3vdhmy3teu986.cloudfront.net/strapi/Bullet_9dbbd7144f.svg"
width="30px"
alt="Code Labs Academy icon"
/></div
></a>
<div class="flex items-center space-x-6">
<a
href="index.html"
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
>Blog</a
>
<a
href="https://codelabsacademy.com/en/learning-hub"
target="_blank"
rel="noreferrer"
class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
>Learning Hub</a
>
<button
id="darkModeToggle"
class="p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
>
<svg
class="w-5 h-5 dark:hidden"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
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"
/>
</svg>
<svg
class="w-5 h-5 hidden dark:block"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
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"
/>
</svg>
</button>
</div>
</nav>
</div>
</header>

<!-- Main Content -->
<main class="container mx-auto px-4 py-12 min-h-[80vh]">
<article class="max-w-[820px] mx-auto">
<p>Thinking about a career change? Want to learn new skills quickly? Bootcamps might be your answer!</p><h3>CareerFoundry vs. Thinkful</h3><p>Choosing between CareerFoundry and Thinkful can be tough. Both offer online courses, but they have different strengths. CareerFoundry focuses on UX/UI design and web development. Thinkful offers a wider range of tech courses. </p><h3>What to Consider</h3><p><i>Cost</i> is a big factor. Thinkful's courses are often more expensive. <i>Career support</i> is also important. Both offer career services, but their effectiveness varies. Check out student reviews to see what others say. <i>Learning style</i> matters too. Do you prefer self-paced learning or structured classes? CareerFoundry leans towards self-paced, while Thinkful offers more instructor interaction.</p><h3>Making Your Decision</h3><p>Ultimately, the best bootcamp depends on your needs and goals. Consider your budget, desired career path, and preferred learning style. Research both programs thoroughly before committing. Read reviews and compare curriculums. Talking to current students or alumni can also be helpful. Good luck!</p><br />Explore the <a href="https://codelabsacademy.com/en/blog/bootcamp-comparison-careerfoundry-vs-thinkful?source=github">detailed article</a><br /><hr /><a href="https://codelabsacademy.com/en/">Code Labs Academy</a>: Master <a href="https://codelabsacademy.com/en/courses/web-development/the_usa/dubuque?source=github">Web Development</a> in Dubuque<br /><br />#bootcampcomparison #careerfoundry #thinkful
</article>
</main>

<!-- Footer -->
<footer class="border-t border-gray-100 dark:border-gray-800">
<div class="container mx-auto px-4 py-6">
<div class="flex justify-center space-x-4">
<a
href="https://www.linkedin.com/school/codelabsacademy"
target="_blank"
rel="noreferrer"
aria-label="CLA Linkedin link"
class="hover:opacity-80"
>
<img
class="w-6 h-6"
src="./images/linkedin.svg"
alt="Linkedin icon"
/>
</a>
<a
href="https://www.instagram.com/codelabsacademy_/"
target="_blank"
rel="noreferrer"
aria-label="CLA Instagram link"
class="hover:opacity-80"
>
<img
class="w-6 h-6"
src="./images/instagram.svg"
alt="Instagram icon"
/>
</a>
<a
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"
target="_blank"
rel="noreferrer"
aria-label="CLA Maps link"
class="hover:opacity-80"
>
<img class="w-6 h-6" src="./images/maps.svg" alt="Maps icon" />
</a>
</div>
<p class="text-center text-sm text-gray-500 dark:text-gray-400 mt-4">
©
<script>
document.write(new Date().getFullYear());
</script>
Code Labs Academy. All rights reserved.
</p>
</div>
</footer>

<script>
const darkModeToggle = document.getElementById("darkModeToggle");
const html = document.documentElement;

darkModeToggle.addEventListener("click", () => {
html.classList.toggle("dark");
localStorage.setItem("darkMode", html.classList.contains("dark"));
});

// Check for saved dark mode preference
if (
localStorage.getItem("darkMode") === "true" ||
(!("darkMode" in localStorage) &&
window.matchMedia("(prefers-color-scheme: dark)").matches)
) {
html.classList.add("dark");
}
</script>
</body>
</html>

0 comments on commit 4c31523

Please sign in to comment.