Lucy Pith's Thread

[lethal prawn]

Here are some ideas/concepts/etc. that have come up during bootcamp that I'd like to learn more about.
-Would like to know more about how browsers work, like how they parse
-Looking forward to styling with CSS
-Read more on the history & evolution of internet/web

What is Document Object Module (DOM)?

[fiery yacht]

That's a concept for building webpages out of pure code, the said documents.
It represents a tree structure. Objects taken for it's nodes.

[lethal prawn]

Today's FOMO list:
-look up robot.txt
-look up "falsehoods programmers believe about names" (i'm guessing since Jess mentioned coming back to this on forms that it has to do with different cultures and their naming conventions, like my surname having 3 separate words whereas most USian names are one single word)
-Github Pages - find out how to make my own

[restive vale]

The DOM is a representation of the web page in browser memory. Comes in very handy to make dynamic changes to the page using JavaScript.

[restive vale]

GitHub pages are very cool 😎 Happy to walk through.

[lethal prawn]

Got some new FOMO ideas to capture from today's live session on tables: The Programmer's Brain by Felienne Hermans (rec. by Carmen especially about how we learn depends on context) https://www.manning.com/books/the-programmers-brain
and one of the commenters had mentioned "Emmet" which looks to be this plugin for text editors that helps with html https://emmet.io/

Today's sidequest: download and start messing with vscode!

[spiral quiver]

That's the best way to do it.
Also side note Emmet is built in yo vscode

[lethal prawn]

Gold stars for me this week: Finished the Survey Form! and started messing with vs code. First VS code rabbithole: trying to figure out how to turn of copilot suggestions. Also: learned that Visual Studio and Visual Studio code are actually 2 different programs, which would have been good to know before trying to figure out where the tools menu was that doesn't exist in vscode!

To learn: I put my survey project on GitHub pages and tried it out. When I submitted the form, the URL changed! My answers are now part of the URL!!! I would like to find out why!
--well I googled it, and it has to do with the fact that GitHub Pages only hosts static sites, and this is something that needs to be handled on the server - something something PHP from what I read here: https://github.com/orgs/community/discussions/44845
So it looks like that is a future me learning opportunity 🙂

[restive vale]

Hi @lethal prawn I think that article was discussing a specific issue someone was having.
In fact, it does not have to be PHP on the server that deals with form submissions.
There are a number of other (back-end) languages that can be used for this, such as NodeJS (which is really JavaScript) or Python.
The good news is you can still have a functioning, submittable forms on static Github Pages, using ready-made form submission services, without having to write a line of back-end code.
This link, further down in that same discussion, goes through the steps:
https://fabform.io/a/create-a-static-website-with-contact-form-on-github-pages/

[lethal prawn]

oooh thanks 🙂 I've been super busy at work this week that I have only just barely kept up with class. Luckily today was a chill day and I got to see the guest presentation by Sara Joy. Then went down a rabbit hole on coding in general, watched a video about the basics of how computers go from a program to assembly language, and now back to work! Break time is over, too soon too soon!

[restive vale]

I hear you. I have not kept up with the material myself the last couple weeks. Mainly because of work, but also because if I have some free time I'd rather spend it on live chats with fellow learners. Take care, and don't work too hard 😊

[lethal prawn]

FOMO list for today & yesterday:
-What is VIM? (mentioned in today's session as an aside/jokes)
-Modals & popups (important not to get trapped, need to learn more & review here)
-Dark Patterns (mentioned as ways that websites can disable your ability to copy text)
-Yesterdays's rabbit hole: ENIAC and computer history and just how the magic happens from high level prog lanugage to circuits doing ons and offs - was especially charmed by this video that came up via youtube algo: https://www.youtube.com/watch?v=PZ_ebxkNZmo

[lethal prawn]

Today's FOMO list includes:
-using Webstorm instead of VSCode because Webstorm catches old attributes
-CSS selectors practice with games!!! I started playing CSS Diner and I will definitely play with this more. https://flukeout.github.io/css-diner/#

[restive vale]

@lethal prawn this article lists some other similar CSS games

https://devmount.medium.com/8-games-to-learn-css-the-fun-way-9b0b8b581d91

https://flexboxfroggy.com/

https://cssgridgarden.com/

[lethal prawn]

ooooooooh more games!!! Thank you!

[restive vale]

You're welcome! Enjoy 😊