DEV Community: Emily Sibbald

Explain GitBash Like I'm Five

Emily Sibbald — Sun, 26 Mar 2023 19:57:14 +0000

I've never used GitBash before, I'm trying to add my SSH key and I've only successfully managed to create two new SSH keys, I'm not certain how to add them to GitBash or to GitHub so I can start saving my work to my laptop for school. Fill me in please!

TIL beginner Javascript

Emily Sibbald — Sat, 25 Mar 2023 14:16:50 +0000

I used a video on Youtube by FreeCodeCamp to teach myself the very basics of Javascript today.
I'd start with saying you must sign up for a platform site that will allow you to run Javascript- since I'm going to University this summer I believe they will be telling me which one to use, so I'm going to update which I end up using later. Today is just in theory and in preparation to go to school.
BASIC RULES:
All lines end with a semi-colon // not required just polite//
Capitals matter- must be an exact copy of original spelling with capital placements to be processed.
The intro to Javascript is how to leave comments.

//Leave a comment that's one line//
/* Leave a Comment that is mulitple lines*/ AND the pieces you need to begin coding like: 1.var variable= "number or script, can change"; variable= 9;
let allowsNumberScript = "only applicable to a scope of code";
const variable = remain constant; In addition var can be declared or assigned: //= sign is the assignment operator// assigned: var a; declared: var b=2; assigned:a=7; assigned: b=a; a=7; console.log(a) console >7 //placement of console log matters in Javascript// var a; var b=2; console.log(a) b=a; a=7; console >null >7

TIL a series by a new WebDev in Uni

Emily Sibbald — Mon, 20 Mar 2023 01:34:05 +0000

As part of the course I'm taking we are encouraged to do our own research-- I could have learned my course for free online but I want the piece of paper from uni to take to interviews.
Here's my first post, please leave feedback if you see this so I can find some webdev friends and learn things!

/HTML CSS coding for Animating CSS Grid using only CSS (no Javascript)/

(.left is the selector, :hover psuedo-class)

/now we edit StyleCSS/

.grid{ display:grid;
grid-template-columns: 48 px auto;
transition: 300ms;}
/Both grid-template-columns and transition are adjustable to suite user/developer needs/

/* the update to make the transition slide out with a hover feature*/
.grid:has(.left:hover){/hover styles/ --left:30%;}
/* the :has is the parent selector in this case*/

This programming has potential to create three separate columns each with an expanding feature, so you can potentially program ex: grid-template-columns: 1fr 1fr 1fr
Display cannot be hidden and must be set to display none.
, it will acknowledge the section even if set to 0fr.