🌍 5. More on APIs (GET vs POST)
So far, we mostly fetched data (GET). But sometimes we want to send data (POST).
👉 Think of GET like reading a book from the library, and POST like writing your own book and giving it to the library 📖.
Example: GET (fetch data)
Example: POST (send data)
💡 Lesson: GET = ask data 🧐, POST = give data ✍️.
🎯 Wrap-Up
Today we learned:
🐞 Debugging with console, errors, try/catch
💾 Local & Session Storage
📦 ES6 Modules (import/export)
⏳ Handling Multiple Promises (all, race)
🌍 More API calls (GET vs POST)
So far, we mostly fetched data (GET). But sometimes we want to send data (POST).
👉 Think of GET like reading a book from the library, and POST like writing your own book and giving it to the library 📖.
Example: GET (fetch data)
fetch("https://jsonplaceholder.typicode.com/posts/1") .then(res => res.json()) .then(data =>
console.log(data));
Example: POST (send data)
fetch("https://jsonplaceholder.typicode.com/posts",
{ method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ title: "My New Post", body: "Hello campers!", userId: 1 }) })
.then(res => res.json())
.then(data => console.log("Saved:", data)); 💡 Lesson: GET = ask data 🧐, POST = give data ✍️.
🎯 Wrap-Up
Today we learned:
🐞 Debugging with console, errors, try/catch
💾 Local & Session Storage
📦 ES6 Modules (import/export)
⏳ Handling Multiple Promises (all, race)
🌍 More API calls (GET vs POST)
Hello campers 👋
Since we are done with js , you will be working with some projects that are meant to combine everything you’ve learned so far (HTML/CSS/JS, DOM, events, async/fetch, promises, localStorage, modules).
Are you ready??
Since we are done with js , you will be working with some projects that are meant to combine everything you’ve learned so far (HTML/CSS/JS, DOM, events, async/fetch, promises, localStorage, modules).
Are you ready??
Anonymous Poll
70%
👍 let's go
30%
👎 not yet
Forwarded from Edemy
"Nothing humbles a developer more than debugging the wrong environment or file for an hour straight."
It happens to everyone. Hours can be spent testing and refreshing, changing code, and still getting nowhere… until the solution suddenly appears in a completely unexpected place.
Debugging is part of the job, but some habits make it faster, less stressful, and even a little fun.
1. Step away when stuck
The mind often works in the background. Solutions sometimes appear while stretching, going for a short walk, or just taking a few minutes to clear your head. A fresh perspective can reveal what a tired mind misses.
2. Talk it out or write it down
Explaining the problem out loud to a teammate, your self or writing the steps on paper can highlight mistakes and gaps in logic that are easy to miss when thinking silently.
3. Don’t guess, ask the right questions
Instead of randomly changing code, slow down and ask: What caused this? Where did it first go wrong? Which assumption failed? Guided questioning often uncovers the problem faster than trial and error.
4. Check the basics
Many bugs aren’t in the code itself. They come from simple things: a wrong file path, an unset environment variable, or a missing dependency. Always verify the setup before digging deeper.
5. Learn from past bugs
Every bug teaches something. After fixing one, pause and reflect: Why did this take so long? What misled the process? How could it have been caught earlier? Sharing these insights builds a team culture that improves over time.
6. Use logging and debugging tools effectively
Structured logs, breakpoints, and debug tools can save hours of trial and error. Log meaningful information like variable states, timestamps, or request details, so it’s easy to see where things go wrong. This makes debugging more predictable and less frustrating.
Debugging will always humble developers. But with the right habits, it becomes less frustrating, more educational, and sometimes even a chance to laugh at how simple the fix really was.
And yes… sometimes the villain is still just the cache. 😅
@edemy251
It happens to everyone. Hours can be spent testing and refreshing, changing code, and still getting nowhere… until the solution suddenly appears in a completely unexpected place.
Debugging is part of the job, but some habits make it faster, less stressful, and even a little fun.
1. Step away when stuck
The mind often works in the background. Solutions sometimes appear while stretching, going for a short walk, or just taking a few minutes to clear your head. A fresh perspective can reveal what a tired mind misses.
2. Talk it out or write it down
Explaining the problem out loud to a teammate, your self or writing the steps on paper can highlight mistakes and gaps in logic that are easy to miss when thinking silently.
3. Don’t guess, ask the right questions
Instead of randomly changing code, slow down and ask: What caused this? Where did it first go wrong? Which assumption failed? Guided questioning often uncovers the problem faster than trial and error.
4. Check the basics
Many bugs aren’t in the code itself. They come from simple things: a wrong file path, an unset environment variable, or a missing dependency. Always verify the setup before digging deeper.
5. Learn from past bugs
Every bug teaches something. After fixing one, pause and reflect: Why did this take so long? What misled the process? How could it have been caught earlier? Sharing these insights builds a team culture that improves over time.
6. Use logging and debugging tools effectively
Structured logs, breakpoints, and debug tools can save hours of trial and error. Log meaningful information like variable states, timestamps, or request details, so it’s easy to see where things go wrong. This makes debugging more predictable and less frustrating.
Debugging will always humble developers. But with the right habits, it becomes less frustrating, more educational, and sometimes even a chance to laugh at how simple the fix really was.
And yes… sometimes the villain is still just the cache. 😅
@edemy251
Full Stack Camp pinned «Hello campers 👋
Since we are done with js , you will be working with some projects that are meant to combine everything you’ve learned so far (HTML/CSS/JS, DOM, events, async/fetch, promises, localStorage, modules).
Are you ready??»
Since we are done with js , you will be working with some projects that are meant to combine everything you’ve learned so far (HTML/CSS/JS, DOM, events, async/fetch, promises, localStorage, modules).
Are you ready??»
1. Which of the following is NOT a JavaScript data type?
Anonymous Quiz
8%
a) String
42%
b) Number
8%
c) Boolean
42%
d) Character
2. What is the correct way to declare a variable in modern JS?
Anonymous Quiz
0%
a) variable x = 5;
86%
b) let x = 5;
14%
c) dim x = 5;
0%
d) var: x = 5;
3. What does === check in JavaScript?
Anonymous Quiz
13%
a) Only value
75%
b) Value and type
13%
c) Only type
0%
d) None of the above
4. What will typeof null return?
Anonymous Quiz
13%
a) "null"
25%
b) "object"
63%
c) "undefined"
0%
d) "string"
5. Which loop is guaranteed to run at least once?
Anonymous Quiz
63%
a) for loop
13%
b) while loop
25%
c) do...while
0%
d) for...of
6. Which of these is a function expression?
Anonymous Quiz
43%
a) function greet() { }
29%
b) let greet = function() { }
14%
c) greet() => { }
14%
d) def greet() { }
7. What does this refer to inside a regular function (not strict mode)?
Anonymous Quiz
0%
a) Always the global object
50%
b) The function itself
25%
c) Undefined
25%
d) The parent object
❤1
8. Which of these creates a copy of an array?
Anonymous Quiz
0%
a) let b = a;
40%
b) let b = [...a];
40%
c) let b = a; b[0] = 99;
20%
d) None of the above
9. Which array method is a higher-order function?
Anonymous Quiz
17%
a) push()
83%
b) filter()
0%
c) length
0%
d) pop()
10. What will this print?
setTimeout(() => console.log("Hello"), 0);
console.log("World");
setTimeout(() => console.log("Hello"), 0);
console.log("World");
Anonymous Quiz
33%
a) Hello World
50%
b) World Hello
17%
c) Error
0%
d) Hello only
12. What does JSON stand for?
Anonymous Quiz
0%
a) JavaScript Oriented Nodes
40%
b) Java Standard Object Notation
60%
c) JavaScript Object Notation
0%
d) Java Syntax Over Network
13. Which keyword is used inside a class to create objects?
Anonymous Quiz
33%
a) class
67%
b) constructor
0%
c) object
0%
d) init