#web learning
Explore tagged Tumblr posts
Text


hmm.
#STOP WITH THE GREENDAY JOKES IVE HAD ENOUGH#internet#old web#old internet#was thinking about how 'lurk more' used to be a common phrase so people would learn forum etiquette before posting#but now..#the fact that the phrase 'netiquette' has died out entirely says a lot i feel
19K notes
·
View notes
Text
Stargazing, at the edge of the unknown.
#poorly drawn mdzs#mdzs#wei wuxian#wen qing#wen ning#animation#This was another fun experiment that I learned a lot from B*)#I think that stargazing was something WWX probably took for granted in his first life.#Namely that - despite seeming like the carefree type - he probably didn't have the patience for it.#Why look at the sky when there are so many other things to do at night? It's not like the stars are going anywhere after all.#And when he's in yiling...well he has far to much to do inside his cave or on night hunts to look up at the boring dots.#He's a moon guy - but only so far as 'is the moon phase bright enough to read under tonight? is is dark enough to sneak around?'#It's probably only after the end of untangling the web of secrets and murders in his second life -#-that he realizes the beauty in just...taking a moment and taking in the sky with someone by your side.#Luckily for him the high altitude and cold air of a certain cloud recess makes for excellent start gazing conditions.#Wen Qing would be in the know on what the constellations are. Almost entirely because Wen Ning kept asking her.#As an older sibling you can A) Lie or B) Delve deep into research to claim your throne of 'the knower'.#I have knowledge about many things because I craved being 'the knower' as a youth. Now I don't know anything ever.
1K notes
·
View notes
Text





just like riding a bike
(part 3 of this comic)
#good news everyone I've learned how to use the 'keep reading' tab#just a short update this time!#actually really hard to draw fucked-up flying#dragons#comic#original comic#comics#fantasy#fantasy comic#fantasy art#humor#webcomic#web comic#comic art#storyboard#storyboarding#storyboard artist#art#dragon comic#dragon
10K notes
·
View notes
Text







Isabel Allende, The House of The Spirits // Anne Carson, Red Doc> // F. Scott Fitzgerald, The Short Stories // Ocean Vuong, On Earth We're Briefly Gorgeous // 肉包不吃肉, The Husky and His White Cat Shizun // Bernhard Schlink, The Reader (trans. Carol Brown Janeway) // Heart Like Yours— Willamette Stone
#theme: clumsy in love#theme: learning to love#can i be loved?#you're telling me these feelings are for me?#how do i hold them?#i want to keep them safe but i don't know if my hands are made for this#but i want to learn#i want to learn how to love and be loved#web weaving#webs#aesthetic#poetry#prose#prose poetry#song lyrics#collage#literature#novels#quotes#book quotes#love
10K notes
·
View notes
Text





3K notes
·
View notes
Text




Hi surfers! Do you remember the first time you went surfing? Here's my comic about how it went for me.
I'm posting comics on Fridays about learning to surf in Santa Cruz, California. Some comics are longer like this one, others are a few panels. I'm slowly figuring out surfing and story telling as I go. I'm really stoked to share my journey with you so I hope you'll follow along!
#surfergirl#surfing#surf lessons comics#my art#santa cruz#comics#web series#norcal#california#surf life#learning to surf#surf comic#art on tumblr#comic artist#original comic
191 notes
·
View notes
Text
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.
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#codeblr#css#html#javascript#java development company#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code
2K notes
·
View notes
Note
Idk if you are still doing request and/or if you already done some for me, but could you make some uncle samsonite dividers or stamps plz?
#f2u#request#my graphics#web resources#stamps#web graphics#gifs#png#web stamps#da stamps#deviantart stamps#blinkies#rentry graphics#rentry resources#carrd resources#carrd graphics#blog graphics#blog resources#learning how to make blinkies :D#uncle samsonite#pillar chase 2
203 notes
·
View notes
Text
#spiderman#deadpool#spideypool#comic#I did this for a class#an ENGLISH class#but we're learning about comics as literature and for the most recent paper we had an option to make a comic#and the main theme we're studying this semester is power so i made this#anyway I forgot how goddamn hard these two are to draw#I hate how complicated their costumes are like its so unnecessary#but I also think this is the most accurately I've drawn them#and they looked consistent through this whole thing#so I'm really proud of myself#and yes this is gay but i'm imagining that in this scene they don't realize they have feelings for each other yet hee hee#some of these were fuckin hard angles too what was i doing to myself!!! this was hard af!!! wtf!!!#and to be honest i drew all of this yesterday and today!!! that was so much drawing!!! og my god!!!#but it was fun he he#except i will always hate the webs on spideys costume. hell world#they have to look such a specific way and it is not easy#enough rambling. enjoy#also sorry im reuploading this because i had accidentally colored in one of spideys speech bubbles as yellow
994 notes
·
View notes
Text
A Jayroy fic where Jade drops off baby Lian and they just.. retire.
There’s a really difficult conversation they have about dating and raising a kid and vigilante work and they decide screw it. It’s not safe to raise a kid around.
And by retire, I mean they disappear. Go to ground.
(Talia knows what it is to want the best for your child even if they have different opinions on what best is. She gets them off the grid and funded in some sort of suburban hellscape that takes the both of them a while to adjust to. They say they have a deep space mission and just, don’t come back.)
Roy works in a rehab clinic and Jason gets a degree in Literature. He becomes a professor at a small college, taking on graduate students and falling into academia.
They go to therapy, the make friends with other parents, they become normal people. And they have an insane security system for their house, and AI that scrapes cameras of their faces, and a modified basement that Roy compares to the Batcave exactly once that has a gym and space to work on equipment and a method of escape should it be necessary to uproot their lives again.
Because they want to be civilians, but that doesn’t mean that if their past lives come knocking, they’ll be caught unaware and too out of the game to defend themselves. In fact, because they don’t go on patrol, they’re at peak performance at all times and rarely injured more than a sprained wrist or paper cut. Gone are the days of concussions, GSWs, and stab wounds.
The superhero community doesn’t know what to do, what to think. Because all of their resources are expended elsewhere. And because space is a big place, and trying to find two humans in its vastness is an exercise in futility.
So Lian grows up normally. She’s a girl whose parents love her. And her problems are ordinary, like homework and sleepovers and playing soccer.
And when she’s in middle school, the same age as Roy and Jason were when they started superhero training, they tell her about their past lives. About the danger it will bring if they’re found. Because they promised never to lie to her, and to never let her get wrapped up in the vigilante scene.
They’re well adjusted people raising a normal daughter.
And they explain to Lian that they came from very large and complicated families. Families that did dangerous work, work that put anyone who knew about it at risk. And that Lian was a baby, and that all of that risk of their jobs, was not worth her life. That they loved her more than their families, their jobs, their previous lives. But that it meant they could be discovered, and that those old lives would be dragged back up again and she could get hurt.
Lian thinks of it like witness protection.
So Lian memorizes code names and pictures of people that may try and approach her. She learns the differences between friendlies and uglies. Between ex-family, and rogues. And she doesn’t ask questions, doesn’t look into things when her parents ask her not to. Because she trusts them to protect her. She trusts them like a well adjusted young girl who could very well ask her parents for more information, but doesn’t care about the answers because she trusts they’re not important. That it doesn’t change how much they love her or what their lives are.
There are a couple of versions of this:
1. Jason, Roy and Lian live out their lives happily and away from their families. They are never again vigilantes or found out by them.
A) Alfred dies and that is the only thing that almost breaks Jason, that he didn’t get to see the man again before he died.
2. The Bats track them down, ask them what they hell they were thinking, that they thought they were dead. To come home, be part of the family again. They’re told no - and the three of them disappear again to somewhere they’ll never be found.
3. Alfred finds them, says nothing to anyone and once a year, on Lian’s birthday, goes to visit. None of the Bats ever figure it out.
4. Alfred knows where they’re going from the beginning, he keeps them updated on their families and helps hide them from everyone. He never once tells a soul that Jason and Roy are alive. He is allowed to visit Lian sometimes and they are all happier for it.
A) When Alfred gets old enough, he tells Bruce he will be retiring. He asks that he is not followed, that no one from the super hero community is allowed to keep tabs on him. He tells him he’s sorry, but that it has to be this way. Alfred goes and lives the end of his life with Jason, they speak about literature every day, about Alfred’s parents about anything he wants to. Jason buries Alfred in England and Bruce Wayne gets an unmarked alert to its location.
5. The Bats find them, and never approach them. Each Bat basically figures out that Jason is alive, doesn’t say anything to the rest of the family, and keeps tabs on him and Roy. Once they realize that Lian exists, none of them ever breach that level of trust, even as they all grow into old age and move on with their lives.
6. Bruce finds them.
A) He waits for Jason in a cafe, watches him realize who he is and turn to look at the Roy Harper, who nods once and walks away. Jason approaches him and sits down. He asks how he found them. Bruce doesn’t say anything, just looks at his son, alive, seemingly happy. Tells him it was an accident, he had genuinely still thought they were in space, maybe dead, until someone plagiarized Jason’s work, submitted it through a Wayne Enterprises competition of some sort, and it flagged the system. It had been entirely work related, pure coincidence. No capes.
B) And Jason laughs and it’s lighter than Bruce has heard it in years. Jason asks how much Bruce knows about him now, how much intel he gathered before approaching him. Bruce says he knows about their marriage, their daughter, their jobs and habits. Jason nods and he’s smiling. Bruce doesn’t know what to do. He had checked the area, and there were no reports of anything approaching vigilantism, no anonymous casework, no decrease in crime, nothing to suggest the presence of the Red Hood and Arsenal. He hasn’t spoken to Jason outside of business in years, isn’t sure he knows how to anymore. And he looks happy, he’s alive, he’s a civilian.
C) He wants to ask him everything, ask him to come home, wants to know the man his son became. He asks Jason why. Why they disappeared. And Jason is still smiling and it’s honest and Bruce can’t stand to look at him and can’t help it either. So Jason tells him that they will never let their daughter into vigilantism. That they quit, and needed it to be absolute. That he and Roy couldn’t do this halfway, that if they loved their daughter they had to do only what was best for her, and that meant burning their old lives entirely, becoming civilians.
D) Their lives had been too complicated, too many people, too much history. So many ways for things to go badly, to leave Lian without parents or get her killed as leverage against them. And for as much as he and Roy had cared about the people in their lives, couldn’t stop caring about them, they knew that they would just drag Lian into all of the emotional problems that come with being a vigilante. That it wasn’t healthy, for any of them. That trying to do so would kill them. So they disappeared. And Bruce thinks of the pain he and his family had gone through over Jason, wondering how he was doing, if he was dead, hearing nothing and trying not to let it eat at them. But right now, his son is in front of him smiling, something he can’t seem to stop doing. Something Bruce never thought he’d see again.
E) And he has a son in law, a granddaughter. His son has a family, one he built himself. He looks healthy, he’s not closed off, he’s more open than Bruce thinks he’s ever seen him. It’s jarring, like Bruce is wrong footed. He doesn’t know what to say. Wants to tell him about everything that’s happened, to his brothers to their family, to Gotham and old contacts. Wants him back in the loop. Wants to ask about their lives, and college, and his wedding and his daughter. Bruce wants to know all of it. And he wants to know how he did it, how he hid himself so well in plain view.
F) And the detective in him will always prioritize the how over everything else. He wouldn’t be Bruce if he didn’t. So Bruce asks how. And Jason laughs, says he’s not going to tell him.
G) You know I can’t tell you that, old man.
H) He can’t let it go, Bruce can never let anything go, that’s his burden to bear. He tries to push old buttons, doesn’t notice he’s doing it. But Jason won’t stop smiling, won’t switch from civilian to vigilante. There is no trace of anger, of the Red Hood. He doesn’t look surprised and Bruce’s arguments, about flaws in his code, software, he’s just smiling. Won’t rise to the bait. And for once, Bruce has a feeling he’s only felt around Clark. A feeling of being outmatched. Jason knows all of his buttons, isn’t pushing a damn one. Isn’t letting Bruce push his either. It’s not even a stalemate. Bruce has no openings.
I) He starts telling him about his brothers, about missions and life developments. He tries to tell Jason everything. And Jason listens, hears everything he has to say. And Bruce asks him about himself, his life, his husband, his daughter. And he hears about NA and AA meetings, about therapy and raising an infant, and being a professor and his students about their friends and neighbors, about Lian’s friends at school. All of it. Except the how. And at some point, it’s been a couple of hours, but not very long at all, Jason gets a text. He doesn’t look at his phone. And Bruce knows that whatever spell had been cast over the cafe, whatever bubble of another universe he had crossed into, he was about to watch it close. Implode on itself with only him inside. Because Jason was about to leave. All of it, the cafe, the conversation, the smiling and the laughter, it was the one distraction that Bruce was liable to. And Jason has him right where he wanted him. It was something that wouldn’t work twice, and they both knew it.
J) And Jason says, I can’t stop you from telling anyone. I can’t stop any of you from looking for us, but this was the third life of mine that you ended. Of the two of us, I would go to greater lengths to protect my daughter. I am asking you not to make me do something you’ll regret. I am asking you not to look for us, not to tell anyone, not to put it in a report. I did not want to hurt you, any of you. And you have made that unavoidable. I know you, Bruce, and I have spent time healing from everything I’ve been through. I cannot allow you to pull me back into it, to pull the three of us back into your world. I know that this conversation won’t stop you, now that you know. So I’m sorry, I didn’t want to have to say this. I know who you are, who all of you are. It was never a question before, that I would keep your secrets. If you look for us, I will go public. It’s not just your life I’ll be placing at risk, it will be the entire league. I will burn every bridge, every alias. I have redundancies in place, you send a super my way you better be sure to send them all. You better be sure you’ve caught all my backups, all of Roy’s backups, everything. We have avoided you for years without triggering any of your, or the league’s, systems. I can’t predict another accident, but if you know what is best for you and everything you’ve built, you will prevent even that from happening. Do not force my hand.
K) Bruce stands, trying to memorize his son’s face. And then Jason is gone. Disappearing down a street and out of sight. And Roy is waiting for him, their house had been cleared of all traces, Talia has new lives set up for them and Lian is asleep in the backseat.
L) Their lives are busy for the next few weeks, traveling and covering their tracks and looking for new methods of being traced. And they change their names, change their lives, are prepared for the upheaval of being new people again. This time, it sticks. They watch Lian graduate school, college, get married, have children of her own. And the media is inescapable - they learn very little about their old families lives, but not nothing. There are funerals and weddings and probably so much more in private, things they will never know, never be part of again. And then they’re just old and together. Their grandkids visit, Lian visits, life is good and long and they are happy.
• Or, it sticks until one day, a spell is cast in Gotham and he’s standing on a rooftop, no mask, identity on full display, surrounded by other vigilantes in mixed states of gear and civilian status. Some being or other from another universe required all hands on deck in this universe and had used a spell to summon them all here.
• Jason spotted Roy appearing near him on the rooftop, both of them stunned. No one had noticed them yet, but their moment of indecisiveness and a moment of pure awareness on the Batfam’s part, meant there would be an inescapable confrontation. Batman seemed to notice them first and looked to Jason, who shook his head. It appeared Batman was trying to talk to the person who had summoned them all here, to argue they should be sent back or ask if it was possible.
• Jason moved himself and Roy towards Batman, doing their best to avoid looking at any of the other vigilantes at all, including but especially family. They walked into a tense conversation.
• You must send them back, they are civilians.
• Batman, you of all people understand the threat we are up against, if the spell believes they are necessary to combat X then they were brought here.
• I understand perfectly well, I am telling you to send them back. Having them here is a security risk, not during the fight, but after. This is not your universe, things are different in ways you can’t know of, this is one of those circumstances.
• Jason and Roy approach, Roy tapping his shoulder in a way that means he’ll follow his lead.
• He announces, You are in violation of the Hempstead agreement. You have one hour to return us to our previous location before we are a security risk.
• They can hear intakes of breath around them, some of the arrow clan and bat clan have approached, uncertain of what exactly is happening, but not comforted by the fact that Batman seems to understand the situation without telling any of them. The argument continues, Jason standing just behind Roy, separating him from the group slowly forming around them, people pushing their way to the center to see their son or brother again. Their friends.
• A decision is reached, It will take me 10 minutes to establish a connection strong enough to send them both through. Do not interrupt me while I prepare, follow me.
• And Jason and Roy are walking away, backs turned to their families. To their friends. There are shouts behind them, their names, other things they choose not to hear. It is all held at bay by Batman.
• They are speaking with the universe hopper, giving him a location to send them while clearly stating that he is not to give out that location to any of the vigilantes here, that violation of these terms will risk the hero community at large. The closer it gets to the ten minute mark, the more the riot behind them frays between silent understanding and desperation. Neither of them turns around, they can’t allow themselves to look. It is excruciating.
• Roy looks Jason in the eye and neither of them are fully able to stand it, but the fact that they’re not alone has to be enough. Jason can see the itch start, the overwhelming feeling that can’t be tolerated, the one that motivates people to seek out something that will just stop. He reaches out his hand, taps it against Roy’s and is met with one of the worst smiles he’s ever seen. It threatens to bring Jason to his knees, but Roy threads their hands together. The portal opens before them and without turning around, they step through.
• There is a shared panic attack, a moment of grief and regret where both of them realize just how greatly they hurt all of the people they used to care about. They break apart together and rebuild each other enough to pick up Lian from school and begin the process of torching their home. Whatever fight they had been summoned for had not happened yet, so they had a larger lead time than they had when Bruce had stumbled across them. But now, the entire hero community, many more points of being able to be convinced, was now aware they were both alive and on Earth.
#jason todd#batman#bruce wayne#redhood#roy harper#jayroy#royjay#arsenal#alfred pennyworth#retirement!au#i really think that the best way jason and roy could heal is to stop being vigilantes#that’s probably true for most of the heroes and vigilantes honestly if looking at a personal scale and not global#jason specifically is stuck in some toxic web of family and vigilantes where he can’t separate them#and he never got the time other kid heros did where they figured out who they were as they grew up jason got it dumped on him#and the distinct brand of hero judgement that comes from people trying to uphold morality being leveled at you when trying to stay sober#isn’t healthy for roy so honestly both of them need new support systems and time to learn how to cope away from life threatening traumas#i don’t know how to work in jade so either she’s exempt and can see lian or she makes talia promise she’ll be safe#i think talia would absolutely go to bat for jason against bruce in this and if bruce finds out he’s alive and they’re okay she’s in for#a worse screaming match then when he figured out she put his kid in the pit i can’t imagine his rage over her stepping in twice#but jason would absolutely appreciate it and roy would be nervous as hell meeting The Talia al Ghul
285 notes
·
View notes
Text
we all deserve to belong somewhere | STAR TREK: PRODIGY
#kathryn janeway#star trek#star trek prodigy#prodigyedit#my gifs#my posts#mine: prodigy#startrekdaily#startrekedit#trekedit#trekdaily#scifigifs#cinemapix#userthing#dailyflicks#trekgifsblog#usersource#tvedit#filmtvdaily#userstream#useroptional#treksource#startrekgifs#scifiedit#userarmchair#need to learn how to sharpen and colour animation properly because this show deserves the best#idk what i have to offer to this celebration day but here's some rushed gifs#i swear these looks better on web than mobile ;_;#me vs not knowing which 10 scenes to gif and forcing myself to make choices (Y)
524 notes
·
View notes
Text










i am changing every second!!!!!
@lovelysuggestions @geyser2 @imfemalewarrior
#poetry#sad quotes#web weaving#poems on tumblr#short poems#poem#words#on life#on living#on learning to love life#on change#on acceptance
382 notes
·
View notes
Text
Introduction To HTML
[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]
HTML stands for Hyper Text Markup Language
It is used to create webpages/websites.
It has a bunch of tags within angular brackets <....>
There are opening and closing tags for every element.
Opening tags look like this <......>
Closing tags look like this
The HTML code is within HTML tags. ( // code)
Here's the basic HTML code:
<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>
Line By Line Explanation :
<!DOCTYPE html> : Tells the browser it's an HTML document.
<html> </html> : All code resides inside these brackets.
<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.
<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)
<body> </body> : Everything that appears on the webpage lies within these tags.
<h1> </h1> : It's basically a heading tag. It's the biggest heading.
Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.
<p> </p> : This is the paragraph tag and everything that you want to write goes between this.
<br> : This is used for line breaks. There is no closing tag for this.
-------
Now, we'll cover some <Meta> tags.
Meta tags = Notes to the browser and search engines.
They don’t appear on the page.
They reside within the head tag
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Website Description"> <meta name="Author" content="Your Name"> <meta name="keywords" content="Websites Keywords"> </head>
Line By Line Explanation:
<meta charset="UTF-8"> : Makes sure all letters, symbols, and emojis show correctly.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Makes your site look good on phones and tablets.
<meta name="description" content="Website Description"> : Describes your page to Google and helps people find it.
<meta name="author" content="Your Name"> : Says who created the page.
<meta name="keywords" content="Website's Keywords"> : Adds a few words to help search engines understand your topic.
_____
This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)
If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o
#code#codeblr#css#html#javascript#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code#school#study motivation#study aesthetic#study blog#student#high school#studying#study tips#studyspo#website development#coding
99 notes
·
View notes
Text

when ur annoying sister tryna take u places
#worm web serial#worm#parahumans#fanart#victoria dallon#amy dallon#amelia claire lavere#what a mouthful#doomed siblings save me#i will be drawing the other siblings as children eventually#when i stumbled upon worm as a book pdf i didnt know it had a fandom and was shocked to learn people hated victoria#i remember being hyped when she got introduced#one of the best backgrounds ive drawn yet and its for worm#wormblr
238 notes
·
View notes
Text

i have a feeling you got everything you wanted, and you're not wasting time stuck here like me.

#im sorry#they're just... too poetic they inspire shit like this out of me#beautiful Beautiful shots#i was literally saying to my bestie that we can never have a weekend where we're fully happy bc if it's a good weekend for one of them#it's hell for the other#carlitos#landino#carlos sainz jr#lando norris#carlando#formula 1#f1#web weaving#??? sort of#carlando webweaving#i would argue that this was exactly lando a few years ago when carlos left and got his spectacular wins with ferrari#and we're just being dramatic bc williams is actually learning to be consistent now#carlos is just restless but hopeful nonetheless and who am i to not also be???#and lando will get his strike back#i just know it#he's a champion#we hug now by sydney rose
142 notes
·
View notes
Text
Welcome back, coding enthusiasts! Today we'll talk about Git & Github , the must-know duo for any modern developer. Whether you're just starting out or need a refresher, this guide will walk you through everything from setup to intermediate-level use. Let’s jump in!
What is Git?
Git is a version control system. It helps you as a developer:
Track changes in your codebase, so if anything breaks, you can go back to a previous version. (Trust me, this happens more often than you’d think!)
Collaborate with others : whether you're working on a team project or contributing to an open-source repo, Git helps manage multiple versions of a project.
In short, Git allows you to work smarter, not harder. Developers who aren't familiar with the basics of Git? Let’s just say they’re missing a key tool in their toolkit.
What is Github ?
GitHub is a web-based platform that uses Git for version control and collaboration. It provides an interface to manage your repositories, track bugs, request new features, and much more. Think of it as a place where your Git repositories live, and where real teamwork happens. You can collaborate, share your code, and contribute to other projects, all while keeping everything well-organized.
Git & Github : not the same thing !
Git is the tool you use to create repositories and manage code on your local machine while GitHub is the platform where you host those repositories and collaborate with others. You can also host Git repositories on other platforms like GitLab and BitBucket, but GitHub is the most popular.
Installing Git (Windows, Linux, and macOS Users)
You can go ahead and download Git for your platform from (git-scm.com)
Using Git
You can use Git either through the command line (Terminal) or through a GUI. However, as a developer, it’s highly recommended to learn the terminal approach. Why? Because it’s more efficient, and understanding the commands will give you a better grasp of how Git works under the hood.
GitWorkflow
Git operates in several key areas:
Working directory (on your local machine)
Staging area (where changes are prepared to be committed)
Local repository (stored in the hidden .git directory in your project)
Remote repository (the version of the project stored on GitHub or other hosting platforms)
Let’s look at the basic commands that move code between these areas:
git init: Initializes a Git repository in your project directory, creating the .git folder.
git add: Adds your files to the staging area, where they’re prepared for committing.
git commit: Commits your staged files to your local repository.
git log: Shows the history of commits.
git push: Pushes your changes to the remote repository (like GitHub).
git pull: Pulls changes from the remote repository into your working directory.
git clone: Clones a remote repository to your local machine, maintaining the connection to the remote repo.
Branching and merging
When working in a team, it’s important to never mess up the main branch (often called master or main). This is the core of your project, and it's essential to keep it stable.
To do this, we branch out for new features or bug fixes. This way, you can make changes without affecting the main project until you’re ready to merge. Only merge your work back into the main branch once you're confident that it’s ready to go.
Getting Started: From Installation to Intermediate
Now, let’s go step-by-step through the process of using Git and GitHub from installation to pushing your first project.
Configuring Git
After installing Git, you’ll need to tell Git your name and email. This helps Git keep track of who made each change. To do this, run:
Master vs. Main Branch
By default, Git used to name the default branch master, but GitHub switched it to main for inclusivity reasons. To avoid confusion, check your default branch:
Pushing Changes to GitHub
Let’s go through an example of pushing your changes to GitHub.
First, initialize Git in your project directory:
Then to get the ‘untracked files’ , the files that we haven’t added yet to our staging area , we run the command
Now that you’ve guessed it we’re gonna run the git add command , you can add your files individually by running git add name or all at once like I did here
And finally it's time to commit our file to the local repository
Now, create a new repository on GitHub (it’s easy , just follow these instructions along with me)
Assuming you already created your github account you’ll go to this link and change username by your actual username : https://github.com/username?tab=repositories , then follow these instructions :
You can add a name and choose wether you repo can be public or private for now and forget about everything else for now.
Once your repository created on github , you’ll get this :
As you might’ve noticed, we’ve already run all these commands , all what’s left for us to do is to push our files from our local repository to our remote repository , so let’s go ahead and do that
And just like this we have successfully pushed our files to the remote repository
Here, you can see the default branch main, the total number of branches, your latest commit message along with how long ago it was made, and the number of commits you've made on that branch.
Now what is a Readme file ?
A README file is a markdown file where you can add any relevant information about your code or the specific functionality in a particular branch—since each branch can have its own README.
It also serves as a guide for anyone who clones your repository, showing them exactly how to use it.
You can add a README from this button:
Or, you can create it using a command and push it manually:
But for the sake of demonstrating how to pull content from a remote repository, we’re going with the first option:
Once that’s done, it gets added to the repository just like any other file—with a commit message and timestamp.
However, the README file isn’t on my local machine yet, so I’ll run the git pull command:
Now everything is up to date. And this is just the tiniest example of how you can pull content from your remote repository.
What is .gitignore file ?
Sometimes, you don’t want to push everything to GitHub—especially sensitive files like environment variables or API keys. These shouldn’t be shared publicly. In fact, GitHub might even send you a warning email if you do:
To avoid this, you should create a .gitignore file, like this:
Any file listed in .gitignore will not be pushed to GitHub. So you’re all set!
Cloning
When you want to copy a GitHub repository to your local machine (aka "clone" it), you have two main options:
Clone using HTTPS: This is the most straightforward method. You just copy the HTTPS link from GitHub and run:
It's simple, doesn’t require extra setup, and works well for most users. But each time you push or pull, GitHub may ask for your username and password (or personal access token if you've enabled 2FA).
But if you wanna clone using ssh , you’ll need to know a bit more about ssh keys , so let’s talk about that.
Clone using SSH (Secure Shell): This method uses SSH keys for authentication. Once set up, it’s more secure and doesn't prompt you for credentials every time. Here's how it works:
So what is an SSH key, actually?
Think of SSH keys as a digital handshake between your computer and GitHub.
Your computer generates a key pair:
A private key (stored safely on your machine)
A public key (shared with GitHub)
When you try to access GitHub via SSH, GitHub checks if the public key you've registered matches the private key on your machine.
If they match, you're in — no password prompts needed.
Steps to set up SSH with GitHub:
Generate your SSH key:
2. Start the SSH agent and add your key:
3. Copy your public key:
Then copy the output to your clipboard.
Add it to your GitHub account:
Go to GitHub → Settings → SSH and GPG keys
Click New SSH key
Paste your public key and save.
5. Now you'll be able to clone using SSH like this:
From now on, any interaction with GitHub over SSH will just work — no password typing, just smooth encrypted magic.
And there you have it ! Until next time — happy coding, and may your merges always be conflict-free! ✨👩💻👨💻
#code#codeblr#css#html#javascript#java development company#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code#github
93 notes
·
View notes