Use this method to practice your front-end skills or learn a new framework like React or Vue🔥:
1. Google "public API's"
2. Pick any topic you like
3. Fetch some data from the API
4. Display the data in a simple UI
This will teach you a lot of fundamental skills like communicating with an external data source, handling loading/error states, and building intuitive user interfaces.
It'll also be more fun and motivating if you pick a topic you're personally interested in (books, movies, crypto etc.)
And of course you don't need to stop there - feel free to add any features you like. But now you have a solid starting point to work off of.
1. Google "public API's"
2. Pick any topic you like
3. Fetch some data from the API
4. Display the data in a simple UI
This will teach you a lot of fundamental skills like communicating with an external data source, handling loading/error states, and building intuitive user interfaces.
It'll also be more fun and motivating if you pick a topic you're personally interested in (books, movies, crypto etc.)
And of course you don't need to stop there - feel free to add any features you like. But now you have a solid starting point to work off of.
❤2
But if you can manage to learn:
1. The fundamental tools of the web (HTML, CSS, JavaScript + git)
2. Frameworks and metaframeworks like Tailwind, React / Vue and NextJS / NuxtJS
3. Soft skills like a great attitude, positive energy, honesty and great communication skills
Then you have what it takes to land that first front-end job.
And remember: You don't need to be an expert in all of these technologies. But having a basic understanding of how they all work together goes a long way.
1. The fundamental tools of the web (HTML, CSS, JavaScript + git)
2. Frameworks and metaframeworks like Tailwind, React / Vue and NextJS / NuxtJS
3. Soft skills like a great attitude, positive energy, honesty and great communication skills
Then you have what it takes to land that first front-end job.
And remember: You don't need to be an expert in all of these technologies. But having a basic understanding of how they all work together goes a long way.
❤6
What does the command git init do?
Anonymous Quiz
35%
A) Initializes a new remote repository
8%
B) Creates a new branch
54%
C) Initializes a new local Git repository
3%
D) Clones a repository
❤3
Which command stages all modified and new files for commit?
Anonymous Quiz
44%
A) git commit -m "message"
11%
B) git push
40%
C) git add .
5%
D) git pull
❤4
What does the git commit command do?
Anonymous Quiz
7%
A) Copies code to GitHub
83%
B) Saves the current changes to the local repository
4%
C) Sends code to another user
6%
D) Creates a new repository
❤4🥰1
Which command uploads your local commits to the remote repository?
Anonymous Quiz
8%
a) git pull
78%
b) git push
9%
c) git merge
5%
d) git fetch
❤4
How do you create and switch to a new branch named “feature”?
Anonymous Quiz
17%
a) git branch feature
19%
b) git checkout feature
47%
c) git checkout -b feature
16%
d) git new branch feature
❤5
Which command shows you the commit history?
Anonymous Quiz
28%
a) git history
36%
b) git log
30%
c) git status
6%
d) git track
❤3
Which command fetches and merges changes from the remote main branch into your local main?
Anonymous Quiz
34%
a) git merge origin main
42%
b) git pull origin main
13%
c) git fetch main
11%
d) git pull main origin
❤7
Here are 20 essential VS Code shortcuts for beginners:
1. Ctrl + P: Open any file quickly 📂
2. Ctrl + /: Toggle line comment 📝
3. Alt + Up/Down: Move a line up or down ↕️
4. Ctrl + Shift + K: Delete the current line ❌
5. Ctrl + B: Show/hide the sidebar 📚
6. Ctrl + Space: Trigger IntelliSense for code suggestions 💡
7. Ctrl + Shift + F: Search across files 🔍
8. Ctrl + D: Select the next occurrence of the selected text 📑
9. Ctrl + Shift + L: Select all occurrences of the current selection 🔗
10. Ctrl + Shift + P: Open the Command Palette 📜
11. Ctrl + F2: Rename all occurrences of a variable ✏️
12. Ctrl + J: Show/hide the integrated terminal 💻
13. Ctrl + `: Open a new terminal 🔧
14. Ctrl + Shift + N: Open a new window 🖼️
15. Ctrl + W: Close the current editor tab 🗂️
16. Ctrl + Shift + E: Focus on the file explorer 🗃️
17. Ctrl + Shift + G: Open the Git view 🔄
18. Ctrl + Shift + M: Open the Problems panel 🚨
19. Alt + Shift + Up/Down: Copy the line up or down 📋
20. Ctrl + Alt + Arrow keys: Split the editor window ✂️
Master these and level up your coding speed! 🚀
1. Ctrl + P: Open any file quickly 📂
2. Ctrl + /: Toggle line comment 📝
3. Alt + Up/Down: Move a line up or down ↕️
4. Ctrl + Shift + K: Delete the current line ❌
5. Ctrl + B: Show/hide the sidebar 📚
6. Ctrl + Space: Trigger IntelliSense for code suggestions 💡
7. Ctrl + Shift + F: Search across files 🔍
8. Ctrl + D: Select the next occurrence of the selected text 📑
9. Ctrl + Shift + L: Select all occurrences of the current selection 🔗
10. Ctrl + Shift + P: Open the Command Palette 📜
11. Ctrl + F2: Rename all occurrences of a variable ✏️
12. Ctrl + J: Show/hide the integrated terminal 💻
13. Ctrl + `: Open a new terminal 🔧
14. Ctrl + Shift + N: Open a new window 🖼️
15. Ctrl + W: Close the current editor tab 🗂️
16. Ctrl + Shift + E: Focus on the file explorer 🗃️
17. Ctrl + Shift + G: Open the Git view 🔄
18. Ctrl + Shift + M: Open the Problems panel 🚨
19. Alt + Shift + Up/Down: Copy the line up or down 📋
20. Ctrl + Alt + Arrow keys: Split the editor window ✂️
Master these and level up your coding speed! 🚀
❤8