Skip to content

Commit 244e8d7

Browse files
committed
feat: contents
1 parent fccf09c commit 244e8d7

19 files changed

+391
-251
lines changed

blog/2019-05-28-first-blog-post.md

Lines changed: 0 additions & 12 deletions
This file was deleted.

blog/2019-05-29-long-blog-post.md

Lines changed: 0 additions & 44 deletions
This file was deleted.

blog/2021-08-01-mdx-blog-post.mdx

Lines changed: 0 additions & 24 deletions
This file was deleted.

blog/2021-08-26-welcome/index.md

Lines changed: 0 additions & 29 deletions
This file was deleted.

blog/2025-03-06-welcome/index.md

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
---
2+
slug: welcome
3+
title: Welcome
4+
authors: [adamsgeeky]
5+
tags: [geekink]
6+
---
7+
8+
# 🚀 **A Journey into Web Development – Your First Steps with Geek Ink**
9+
10+
Welcome to **Geek Ink's Mastering Web Development Program!** 🎉
11+
12+
If you're reading this, you're about to embark on an **exciting journey into the world of web development**—a field that powers everything from social media platforms to e-commerce websites and cutting-edge applications. Whether you're here as a **complete beginner** or looking to **solidify your skills**, this program is designed to give you a **strong foundation in web development** and guide you toward **building real-world projects**.
13+
14+
But before we dive into the code, let’s talk about what **really makes a great developer**—beyond just learning HTML, CSS, or JavaScript.
15+
16+
---
17+
18+
## **🌱 Growth Mindset: Your Most Powerful Tool**
19+
20+
Web development is a **continuous learning journey**. The best developers aren't the ones who "know everything" but those who **embrace challenges and keep learning**.
21+
22+
- 💡 **It's Okay to Not Know Everything** – The tech industry evolves **every day**. Even experienced developers are constantly **learning and adapting**.
23+
- 🔥 **Struggle is Part of the Process** – You’ll encounter **errors, roadblocks, and frustration**—this is normal. **Every bug you fix is a lesson learned.**
24+
- 🎯 **Practice, Practice, Practice** – Reading about coding **is not enough**. The only way to improve is by **building projects and writing code consistently**.
25+
26+
---
27+
28+
## **⏳ Time Management & Consistency**
29+
30+
This **2-week introduction** is structured to give you **solid fundamentals** before you move into your specialization track (**Frontend with React.js or Backend with Node.js**). **Your success depends on how much effort you put in.**
31+
32+
**Set Aside Time to Code Daily** – Even **30–60 minutes a day** will make a huge difference.
33+
**Take Notes & Summarize What You Learn** – Writing things down helps you **remember and understand** better.
34+
**Ask Questions** – If something doesn’t make sense, **speak up!** The community, mentors, and peers are here to help.
35+
**Teach Others** – Explaining a concept to someone else is **one of the best ways to master it**.
36+
37+
---
38+
39+
## **👥 The Power of Community**
40+
41+
You’re not alone in this journey. The **Geek Ink Web Development Cohort** is filled with learners **just like you** who are starting or advancing their coding careers.
42+
43+
💬 **Engage in Discussions** – Join conversations on **Discord** and during live sessions.
44+
🤝 **Pair Up with Peers** – Learning is more fun when you **work together on exercises and projects**.
45+
🚀 **Be an Active Participant** – The more you contribute, the more you gain from the program.
46+
47+
> **“If you want to go fast, go alone. If you want to go far, go together.”** – African Proverb
48+
49+
---
50+
51+
## **🛠 Tools & Mindset for Success**
52+
53+
To succeed in this program, you should:
54+
55+
🔹 **Get Comfortable with Debugging** – Errors will happen. Instead of panicking, **read the error message, break down the problem, and Google solutions**.
56+
🔹 **Write Clean & Readable Code** – Code is like a story. Future-you (and your team) should be able to **read and understand it easily**.
57+
🔹 **Stay Curious** – If you find something interesting (like Web3, AI, or DevOps), explore it further!
58+
59+
---
60+
61+
## **🎯 What’s Next?**
62+
63+
The next **two weeks** will lay the foundation for your coding journey. By the end, you’ll have:
64+
65+
✅ A **strong grasp of HTML, CSS, and JavaScript fundamentals**
66+
✅ A **hosted webpage showcasing your skills**
67+
✅ A **basic understanding of backend concepts** (Servers, APIs, Databases)
68+
✅ The confidence to **choose your specialization: Frontend (React.js) or Backend (Node.js)**
69+
70+
🌟 **Your journey starts now.** Stay committed, stay curious, and most importantly—**have fun coding!** 🚀🔥
71+
72+
---
73+
74+
💬 **Have questions? Need help?**
75+
Jump into our **Discord channel (#mastering-web-dev)** and let’s build something amazing together!

blog/authors.yml

Lines changed: 8 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,10 @@
1-
yangshun:
2-
name: Yangshun Tay
3-
title: Front End Engineer @ Facebook
4-
url: https://github.com/yangshun
5-
image_url: https://github.com/yangshun.png
1+
adamsgeeky:
2+
name: Adamu Muhammad Muhammad
3+
title: Software Engineer @ Geekink
4+
url: https://github.com/adamsgeeky
5+
image_url: https://github.com/adamsgeeky.png
66
page: true
77
socials:
8-
x: yangshunz
9-
github: yangshun
10-
11-
slorber:
12-
name: Sébastien Lorber
13-
title: Docusaurus maintainer
14-
url: https://sebastienlorber.com
15-
image_url: https://github.com/slorber.png
16-
page:
17-
# customize the url of the author page at /blog/authors/<permalink>
18-
permalink: '/all-sebastien-lorber-articles'
19-
socials:
20-
x: sebastienlorber
21-
linkedin: sebastienlorber
22-
github: slorber
23-
newsletter: https://thisweekinreact.com
8+
x: adamsgeeky
9+
github: adamsgeeky
10+
linkedin: adamu-muhammad-muhammad

blog/tags.yml

Lines changed: 4 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,4 @@
1-
facebook:
2-
label: Facebook
3-
permalink: /facebook
4-
description: Facebook tag description
5-
6-
hello:
7-
label: Hello
8-
permalink: /hello
9-
description: Hello tag description
10-
11-
docusaurus:
12-
label: Docusaurus
13-
permalink: /docusaurus
14-
description: Docusaurus tag description
15-
16-
hola:
17-
label: Hola
18-
permalink: /hola
19-
description: Hola tag description
1+
geekink:
2+
label: GitHub
3+
permalink: /geekinks
4+
description: Our mission is to serve as the catalyst for tech empowerment, ensuring every individual in our community

docs/Discussion Questions.mdx

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
---
2+
slug: /discussion
3+
sidebar_position: 2
4+
---
5+
import Heading from '@site/src/components/Heading';
6+
7+
<Heading level={3} color="Discussion Questions">
8+
Discussion Questions – 2-Week Web Development Introduction
9+
</Heading>
10+
These discussion questions are designed to help students think critically about **web development fundamentals**, preparing them for specialization in **frontend or backend development**.
11+
12+
## 📌 **Week 1: Introduction to the Web & Frontend Basics**
13+
14+
### **Session 1: How the Web Works & HTML Basics**
15+
- [ ] Why does the web use a **client-server model** instead of a peer-to-peer structure?
16+
- [ ] What happens when you enter a URL into a browser and press enter?
17+
- [ ] How does **DNS (Domain Name System)** help users access websites?
18+
- [ ] What is the difference between **HTTP and HTTPS**, and why does it matter?
19+
- [ ] Why is **HTML considered the foundation of the web**?
20+
- [ ] How does **semantic HTML** improve accessibility and SEO?
21+
- [ ] What are some **best practices for writing clean and maintainable HTML**?
22+
23+
---
24+
25+
### **Session 2: Styling with CSS**
26+
- What is the difference between **inline, internal, and external CSS**?
27+
- How does the **Box Model** affect page layouts?
28+
- What are the differences between **Flexbox and CSS Grid**, and when should you use each?
29+
- Why is **responsive design** important in modern web development?
30+
- How do **media queries** help create a mobile-friendly experience?
31+
- What role does **CSS specificity** play in resolving style conflicts?
32+
- Why is it important to use **relative units (%, rem, em) instead of fixed units (px)?**
33+
34+
---
35+
36+
## 📌 **Week 2: JavaScript Basics & Introduction to Backend**
37+
38+
### **Session 3: JavaScript for Beginners**
39+
- How does **JavaScript differ from HTML and CSS** in web development?
40+
- What is the **difference between var, let, and const**, and when should each be used?
41+
- How does **event-driven programming** work in JavaScript?
42+
- What is the **DOM (Document Object Model)**, and how does JavaScript manipulate it?
43+
- What are some security risks associated with **JavaScript on the frontend**?
44+
- What are **callbacks, promises, and async/await**, and why are they useful?
45+
- Why do we use **JavaScript frameworks like React** instead of plain JavaScript?
46+
47+
---
48+
49+
### **Session 4: Introduction to Backend & Databases**
50+
- What is the **difference between frontend and backend development**?
51+
- How does a **server process and return data to a client**?
52+
- What is an **API (Application Programming Interface)**, and why are they essential for modern web applications?
53+
- How does a **database store and retrieve data** for web applications?
54+
- What are the differences between **SQL (relational) and NoSQL (non-relational) databases**?
55+
- Why is **authentication and security** a critical aspect of backend development?
56+
- What happens behind the scenes when you **submit a form on a website**?
57+
58+
---
59+
60+
## 🚀 **How to Use These Questions**
61+
- 💡 **Discuss in pairs or small groups** before each session.
62+
- 🎤 **Each session, a different participant leads the discussion.**
63+
- 📝 **Prepare answers for all questions**—anyone can be called on to explain.
64+
65+
🔥 **Your learning journey starts here! Build, collaborate, and innovate.** 🚀

docs/backend/_category_.json

Lines changed: 0 additions & 8 deletions
This file was deleted.

0 commit comments

Comments
 (0)