code-cozy

[code-cozy]

Long time no seen!

I haven't wrote anything here for a very long time. I have been quite busy with life. 😅

I'm exited to tell you that a new chapter in my life has started; I start my exchange studies in Croatia next week! I can't wait! I have been dreaming about studying abroad for so long and finally it is happening!

You are welcome to follow my journey! See you in next post. 💕

[code-cozy]

counting down the days until fall break

[code-cozy]

Github Profile pages

so, today I found out you can create special repo's on Github and the readme basically acts as a profile page! I think they look quite neat. Follow below to find out how I did it

First, go to your Github page and create a new Repo:

Name the new repo your account name, for example, my Github name is xTekker, so the repo is called xTekker, Choose to add a readme and make it public.

Once here, you can then edit the readme, I used a readme generator I found here https://rahuldkjain.github.io/gh-profile-readme-generator/

They even have language badges

Once you've input everything to your liking, scroll all the way down and press "Generate Readme", this will bring up the makedown for it like so

and you can just copy and paste this into the readme file on Github for that username repo we created eariler and Taa-daa!

Enjoy!

[code-cozy]

Codeblr Blogs Unite - Discord Server

Hiya everyone! | The original post 💗

I'm excited to announce that the amazing @vexacarnivorous started a new Discord server for members of the Codeblr community, and the Stuyblr community, on Tumblr!

As a fellow student and coding enthusiast, I know how important it is to have a supportive community that can offer guidance and motivation. The community here are super supportive and caring about each other coding journeys!!

That is why @vexacarnivorous created this server, to provide a space where we can all come together and help each other achieve our academic and coding/programming goals.

The server has channels dedicated to discussing different study paths such as stem, web dev, comp-sci and more! Sharing study tips and resources, and even hosting study sessions together in the voice channels! We even have a ✨Holy Mentor✨who can help with questions!

Join The Server!

Let's work together to make the most of our study and coding journeys! (if I missed anything else out, do let me know @vexacarnivorous)

[code-cozy]

I've seen a lot more people coming on Tumblr who are starting their coding journey, which is great! If you're just starting out with coding, here are a few tips that can help you get started and improve your skills:

1. Start with a language that is simple and easy to learn - These languages are designed to be beginner-friendly and will help you get a feel for the basics of coding. E.g. Python

2. Work through tutorials and online courses to learn the fundamentals of programming - There are many free resources available online that can help you get started, such as Codeacademy and Khan Academy.

3. Practice, practice, practice! - The more you code, the better you will get. Try to solve problems and write small programs on your own to improve your skills.

4. Don't be afraid to ask for help when you need it - There are many online communities, forums, and subreddits where you can get help and support from other programmers.

5. Keep learning and expanding your knowledge - As you gain more experience, try to learn new languages and technologies to broaden your skillset and improve your ability to solve complex problems.

I hope this helps and happy coding! 💻👍����❤️

*Advice from developers on Twitter and YouTube and my instructors

[code-cozy]

[code-cozy]

I needed this message rn...

I feel like I haven't been studying hard enough when I am confused with my code... I needed to remind myself that learning takes time.

Reminder To You:

Remember to take breaks! Your brain needs time to process the things you learn. It takes time to reach your goals and dreams. You can do it! (⁠◍⁠•⁠ᴗ⁠•⁠◍⁠)<3

[code-cozy]

Essentials You Need to Become a Web Developer

HTML, CSS, and JavaScript Mastery

Text Editor/Integrated Development Environment (IDE): Popular choices include Visual Studio Code, Sublime Text, and Atom.

Version Control/Git: Platforms like GitHub, GitLab, and Bitbucket allow you to track changes, collaborate with others, and contribute to open-source projects.

Responsive Web Design Skills: Learn CSS frameworks like Bootstrap or Flexbox and master media queries

Understanding of Web Browsers: Familiarize yourself with browser developer tools for debugging and testing your code.

Front-End Frameworks: for example : React, Angular, or Vue.js are powerful tools for building dynamic and interactive web applications.

Back-End Development Skills: Understanding server-side programming languages (e.g., Node.js, Python, Ruby , php) and databases (e.g., MySQL, MongoDB)

Web Hosting and Deployment Knowledge: Platforms like Heroku, Vercel , Netlify, or AWS can help simplify this process.

Basic DevOps and CI/CD Understanding

Soft Skills and Problem-Solving: Effective communication, teamwork, and problem-solving skills

Confidence in Yourself: Confidence is a powerful asset. Believe in your abilities, and don't be afraid to take on challenging projects. The more you trust yourself, the more you'll be able to tackle complex coding tasks and overcome obstacles with determination.

[code-cozy]

Whatever you're working on right now -- writing, code, art, whatever: don't try to make it perfect, or even good, on the first pass. Just make it exist first.

[code-cozy]

i made myself some business cards to hand out for events/conferences/meetups :D really happy with how the design turned out! I couldn't find many examples for early-career folks creating these, but I decided to create a business card instead of bringing copies of my resume to events. Thinking this would be a lot more convenient to carry around and hand out for casual networking!

I used Canva to design this, and went thru a lot of design iterations. Here were my thoughts for anyone curious:

●~•──── Purpose ─────•~●

The purpose of these were for networking with recruiters, so not necessarily to show off a business or sell a service. So I decided against having business logos and focused on contact details and personal links

●~•──── Content ─────•~●

For recruiters, they will care most about: your current experience, what you're looking for, and how to contact you.

Front card top: my work status. I treated this like a headline. Without a formal role, it could be something like "Studying Computer Engineering @ University" or "Aspiring Game Designer" to signal the roles you want

I choose bio.link over something like linktree because the URLs look more clean and clearly for an individual.

The bio.link leads to my => Linkedin, Resume, Github, and a personal website

The #GHC 2023 tag is the conference I'm attending, so it's a reminder of where they met me

●~•──── Design ─────•~●

Kept the colors simple with a two-tone palette. #33A88C (green) and #F6FFE9 (a very soft beige leaning on green)

Decided against illustrations since it might imply selling or offering design services + illustrations were distracting when I just wanted folks to check out the link on the back.

For that reason, I centered and made the link the only content on the backside, rather than placing it on the front side and leaving the back blank.

Didn't want it to look too plan though, so I ended up using a neutral wonky checker grid pattern. It works well with the two-tone palette, and I think other patterns like dots, stars, stripes, would look good too! I just liked how dynamic the wonky squares looked. This also brings more exciting attention to the bio.link rather than the front's basic design.

Decided against having a headshot photo. The bio.link helps enough. If someone wants to see my face, they can look at Linkedin. If I'm meeting the person IRL, I'll try to be memorable in other ways!

Hope this helps give an idea or inspiration for anyone who's interested in having a lil' personal business card :D

[code-cozy]

[code-cozy]

Is your GitHub profile page lacking that personal touch?

It hit me recently that my own GitHub profile was pretty plain – it didn't reflect my personality, skills, or who I am.

Now, how you can give your GitHub profile that much-needed makeover:

Start by creating a new repository.

Name it exactly the same as your username.

GitHub will throw up a message indicating that this repository is special and will serve as your profile representation.

Add in a README file and get creative with customizations.

Here is a website that generates a readme file for you

[code-cozy]

My first Ghibli study

[code-cozy]

How to learn: HTML | Resources ✨

Sunday 10th September 2023

I have come back with a new resource I've made! This time about how to learn HTML! I'm starting from the basics right now and working my way up of 'how to learn' info resources!😅

I've made a HTML resource in the past (one | two) but this one is a bit more detailed and has tips of how I studied HTML. I use HTML on the daily so though I would share my knowledge with more people. Again, just like my previous resource "Starting your coding journey", this is more targeted towards absolute beginners or for people who want to learn how to customise their Tumblr blog/Neocite! 👩🏾‍💻

Anyhoo, check it out and let me know what you think: LINK

[code-cozy]

Responsiveness Work

Saturday 12th August 2023

Still working on making the site responsive! It looks okay! ಥ‿ಥ

A bit off in some areas! I can definitely see some changes I can make like the font size and spacing with the paddings and margins! But once I get those done, I’ll be happy! (´；ω；`)

Also finally made a repo for this project so it’s up on my GitHub ✨

[code-cozy]

Debug Help | Resources ✨

[code-cozy]

Hey there,

I just wanted to drop a quick note to express how grateful I am for each and every one of you who has subscribed to my content and given it some love.

This is my secondary Tumblr account, and I'm still figuring some things out, especially when it comes to responding to comments. So, I would love a little help on that !

I'd like to give a special shoutout to @variablecemetery for their comment on my introduction post.

And to @mousiecat, who asked about CSS selector priority – Here's your answer

Adding a class like class="navbar" to a <nav> element in HTML, even if there is only one navigation element on the page, is a common practice in web development. This practice has several advantages:

Consistency: It helps maintain a consistent naming convention in your HTML and CSS. If you have multiple components or sections on your website that share similar styles, using classes can make it easier to manage and apply those styles consistently.

Reusability: If you decide to add another navigation element in the future, you can easily apply the same CSS styles to it by giving it the same class name (class="navbar" in this case). This makes your code more modular and reusable.

Specificity: CSS class selectors have a higher specificity than HTML element selectors. This means that if you ever need to style the element differently in a specific context or override other styles, using a class selector can give your styles higher priority without affecting other elements on the page.

Readability and Maintainability: Adding class names that describe the purpose of an element (e.g., class="navbar") makes your code more readable and understandable, which can be helpful when working on a team or revisiting the code later.

Documentation and Self-Documentation: Using class names like class="navbar" can serve as a form of documentation for your HTML structure. When someone else, including your future self, looks at the code, they can quickly understand the role and purpose of that element.