2.5h Tonight I worked a little bit on what the flexbox with wes bos, I did some css styling on my slatemaker app, and I did a kata (pretty quickly!)
The flexbox tutorial was good, but I really glaze over on tutorials like this. I know I need to understand how to style things a lot better, but it’s really really boring. It all seems to make sense when I am taking notes, but then applying it always seems to end up differently.
I did use some of my newfound flexbox info on the slatemaker app tonight. I was able to put it in a flex container and then style that with an external css file. I initially had to work on a static html file and a statically linked css file, but I slowly figured out that the reason I couldn’t get my css to load was because the server wasn’t serving it! That was a big part of the solution. Next I poked a lot at how to serve static files in express, and then I discovered that just because something is located in /style/ doesn’t mean that express will serve it from there! It will generally serve it from the root, but you can set it to a path with an optional url parameter.
ie files in this directory are served at the root of the server:
and this is served from the ‘style’ directory:
app.use('/style', express.static(path.join(__dirname, 'style')));
I also accidentally discovered the atom git functionality and I love it! I somehow activated that tab and then decided to commit and push. It worked without a hitch!
Goal setting for the weekend:
make my mbta app look better with some styling.
review the syllabus and identify some more things to learn
write 5 tests for one of my projects.