Skip to content

Commit 0bd358a

Browse files
committed
Add new article: Comment financer sa formation en développement web sans aides gouvernementales ?
1 parent e407451 commit 0bd358a

1 file changed

Lines changed: 205 additions & 0 deletions

File tree

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="Découvrez comment vous former au développement web sans aides publiques grâce à des solutions de paiement flexibles et des tarifs abordables chez Code Labs Academy."
10+
/>
11+
<meta name="keywords" content="financement formation, développement web, reconversion professionnelle, bootcamp, code labs academy, formation abordable, plan de paiement, prêt étudiant, compétences numériques, insertion professionnelle" />
12+
<meta name="robots" content="index, follow" />
13+
14+
<!-- Open Graph / Social Media -->
15+
<meta property="og:title" content="Comment financer sa formation en développement web sans aides gouvernementales ?" />
16+
<meta
17+
property="og:description"
18+
content="Découvrez comment vous former au développement web sans aides publiques grâce à des solutions de paiement flexibles et des tarifs abordables chez Code Labs Academy."
19+
/>
20+
<meta
21+
property="og:image"
22+
content="https://images.unsplash.com/photo-1621274790572-7c32596bc67f?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzJ8fHVuaXZlcnNpdHklMjBzdHVkZW50c3xlbnwwfHwwfHx8MA%3D%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="Comment financer sa formation en développement web sans aides gouvernementales ?" />
30+
<meta
31+
name="twitter:description"
32+
content="Découvrez comment vous former au développement web sans aides publiques grâce à des solutions de paiement flexibles et des tarifs abordables chez Code Labs Academy."
33+
/>
34+
<meta
35+
name="twitter:image"
36+
content="https://images.unsplash.com/photo-1621274790572-7c32596bc67f?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzJ8fHVuaXZlcnNpdHklMjBzdHVkZW50c3xlbnwwfHwwfHx8MA%3D%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 to learn web development but worried about the cost? You're not alone! Many aspiring developers face this challenge. Let's explore how to fund your web development education without relying on government assistance.</p><h3>Smart Budgeting</h3><p>First, create a realistic budget. Track your expenses for a month. Identify areas where you can cut back. Even small savings add up! Think of it like saving for a vacation – you'll reach your goal faster than you think.</p><h3>Part-Time Jobs</h3><p>Consider a part-time job to supplement your income. Freelancing is a great option. Many websites connect freelancers with clients. You can use your existing skills to earn money while learning new ones. It's a win-win!</p><h3>Savings and Loans</h3><p>If you have savings, use them! If not, explore low-interest loans. Compare options from different banks or credit unions. Remember to only borrow what you need and create a repayment plan.</p><h3>Scholarships and Grants</h3><p>While we're focusing on non-government options, don't rule out scholarships from private organizations or tech companies. Many offer funding for aspiring developers. A little research can go a long way!</p><h3>Bootcamps and Online Courses</h3><p>Explore different learning options. Some bootcamps offer payment plans. Online courses often have more affordable options than traditional universities. Choose the option that best fits your budget and learning style.</p><p><em>Remember: Learning to code is an investment in your future. With careful planning and resourcefulness, you can achieve your web development goals without government aid.</em></p><br />Read the <a href="https://codelabsacademy.com/en/blog/financer-formation-developpement-web-sans-aides?source=github">complete article</a><br /><hr /><a href="https://codelabsacademy.com/en/courses/web-development/the_uk/walsall?source=github">Web Development</a> Bootcamp: Building Future-Ready Developers in Walsall<br /><br />#webdev #self-funding #codingbootcamp
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)