kottans-frontend 💙💛

git config --global user.name "julia-online"

JS Basics 😳

1️⃣ Most modern programming languages, like JavaScript, don't start counting at 1 like humans do. They start at 0. This is referred to as ⚫ Zero-based indexing.
2️⃣ Unlike strings, the entries of arrays are ⚫ mutable and can be changed freely, even if the array was declared with const.
3️⃣ In JavaScript, scope refers to the visibility of variables. Variables which are defined outside of a function block have ⚫ Global scope. Variables which are declared within a function, as well as the function parameters, have local scope.
4️⃣ Functional programming is a style of programming where solutions are simple, isolated functions, without any side effects outside of the function scope: INPUT -> PROCESS -> OUTPUT. One of the core principles of functional programming is to not change things. Changes lead to bugs. Recall that in functional programming, changing or altering things is called mutation, and the outcome is called a side effect. A function, ideally, should be a pure function, meaning that it does not cause any side effects. Using the slice method instead of splice helps to avoid any array-mutating side effects. :information_source: freecodecamp.org
// :confused: Followed hints while doing Basic Algorithm Scripting & Intermediate Algorithm Scripting - I feel I'm lacking in knowledge & skills.

👣 Click to expand the details - Screenshots from freecodecamp.org 👣

Responsive Web Design ✌️

1️⃣ Flexbox consists of ⚫ (1) flex container & (2) flex items.
2️⃣ ⚫ Flexbox -- Container properties: flex-direction, flex-wrap, flex-flow, gap, justify-content, aling-items, align-content; ⚫ Item properties: align-self, flex-grow, flex-shrink, flex-basis, flex, order.
3️⃣ All CSS ⚫ Grid Layout Properties -> https://www.w3schools.com/css/css_grid.asp ℹ️ w3schools.com

👣 Click to expand the details - Screenshots from flexboxfroggy.com & cssgridgarden.com 👣

Intro to HTML and CSS ✌️

1️⃣ HTML provides ⚫ structure to the content appearing on a website, such as images, text, or videos.
2️⃣ CSS can select HTML elements by ⚫ their type, class, ID & attribute.
3️⃣ Divites - the excessive misuse of divs to markup a page. Use nav for navigation in the header tag. Use ⚫ header, main, footer for structure HTML. Use small in the tag called footer. :information_source: codecademy.com

👣 Click to expand the details - Screenshots from codecademy.com 👣

Git Collaboration ✌️

1️⃣ Detaching HEAD just means ⚫ attaching it to a commit instead of a branch.
2️⃣ There are two primary ways to undo changes in Git -- ⚫ git reset & git revert. git reset will move a branch backwards as if the commit had never been made in the first place ( (x) doesn't work for remote branches that others are using).
3️⃣ Git push can optionally take arguments in the form of: git push <remote> <place>. In order to specify both the source and the destination of place: git push origin <source>:<destination>. :black_circle: Pushing nothing to a remote branch deletes it -- git push origin :foo ℹ️ learngitbranching.js.org

👣 Click to expand the details - Screenshots from learngitbranching.js.org 👣

🔍 Main >> Ramping Up & Moving Work Around

🔍 Remote >> To Origin And Beyond

Linux CLI, and HTTP ✌️

💡 https://linuxsurvival.com/command-list/

1️⃣ Linux is ⚫ case-sensitive.
2️⃣ Renaming files is simply a case of ⚫ "moving" a file from one name to another. For example, to rename file "wolves" to "coyotes", you would type mv wolves coyotes.
3️⃣ HTTP Request is made up of the following parts:

1. ⚫ REQUEST LINE - it consists of a verb (GET - POST - PUT - DELETE), a path, and the HTTP version.
2. ⚫ HEADERS (= communication format); - Connection: used to decide if the network connection needs to be closed or open once a request is completed. Possible values are keep-alive or closed.
3. ⚫ BODY (optional) (= form submission); :information_source: linuxsurvival.com & code.tutsplus.com

👣 Click to expand the details - Screenshots from Linux Tutorial 👣

Git & GitHub ✌️

1️⃣ Git thinks about its data like a ⚫ stream of snapshots.
2️⃣ Git has three main states where the local files can reside: ⚫ modified, staged, and committed.
3️⃣ Git uses ⚫ HEAD as the symbolic name for the currently checked out commit. :information_source: git-scm.com

👣 Click to expand the details - Screenshots from learngitbranching.js.org 👣

🔍 Main >> Introduction Sequence

🔍 Remote >> Push & Pull