For this assignment my main challenge was trying to create a good format. From what I rememeber CSS adds more customization then just html. The main thing I wanted to do was center text, but after looking it up I found that centering text with just html was deprecated
Back in highschool I had learned all this but I had forgoten everything. So that means I learned how to create a basic html page
I found the MDN page linked on the class page to be the most helpful. It provided everything that I would need to know for this assignment.
My main challenge in this assingment was trying to figure out how to edit the specific id's and classes in the html. When you don't write the html it makes it hard to implement css for it. What helped me was using the inspector in the browser. In the inspector, it highlights the diffrent classes and id's which allowed me to figure out what I should edit. Another problem that I found was initialy I was using the position keyword and manually moving elemetents to align them. I think for some elements it was apportiate but I relized that using flex boxes made the process a lot easier.
I learned a lot from this assingment. I feel a lot more confident in my abilites to write css to create what I have in mind. I already knew the basics, like changing colors and text weights but flexboxes was definitley new for me.
I found W3 schools page on css to be useful. Especially the box model they have which helped me when I forogot the diffrence between padding and margins. The lecture notes were also helpful to implement the small details such as the box shadow and psuedo classes.
In somepoints in this assingment I got really stuck and could not figure out why something was not working. In thses instances a quick google search usually helped me solve the problem. I also did a lot of trial and error. Using the inspector in the browser to test quick adjustments was super helpful to try and match the formatting.
This was my first time using java script and I found it pretty intuitive. I was able to use what a learned in class and apply it to the homework. A couple times I got confused on how to access a certain html input such as a radio or a select but a quick google search was enough to help me. I didn't face any real problems untill I was working on the filering of the posts. I got stuck on trying to compare data from the posts to the input that the user typed in. After adding multiple checks to check if the input fieds were empty and converting strings into floats I was able to get the filter to work.
I learned a lot about java script in this asssingment. Mainly the basics and some advanced features but I feel like I have a pretty good grasp on the bascis of the language.
Again I found MDN and w3 shool to be helpful resorueces when I was trying to solve a specific problem like converting a string to all lowercase. The edforum was useful in the beginning as it let me know that I should use global variables which was something that I was wondering about. Overall this was a challenging but satisfying assingment to complete and I felt good about it.
One section that was difficult for me was trying to figure out how to bring back the posts once they were removed by the filter. I got the posts removed easily enough but tyring to restore them was a little harder. I originally had a simple array that held the delted posts, and when the user pressed the update button again, the posts were appned back to the parent. the problem was that they would be out of order so I had to create an array of all the posts in their original form before the filter and that fixed the issue.
This was definitly the hardest assingment this term. Html, css, and javascript all made intuitive sence while this server side stuff was a little more difficult to understand. Templating and using ejs was only difficult when figuring out the weird syntax with the precent symbols. Using servers with express was also somthing that was a little daunting at first but once I got started it made sence. The hardest part of the assinment was the client side rendering. In the end the amount of code needed to implement it was not that much, but having to change and create a bunch of files was weird. I mostly solved all my problems by looking through the lecture notes and the exmaple code.
From this assingment I learned about creating a server and sending and receving requests. The closest thing that I have done to this was in operating systems one, but this was a little more involved.
Like I said above the lecture notes and example code was really helpful in completing this assingment. There are a lot of concepts in this assignment compared to the others so it was more about learning concepts, rather then learing code. I had to google how ejs syntax works becuase puting the precent markers on every line was something that I was not used to. Something else that I had trouble with was figuring out how to render a specific Post. Something that I found online, was that I could loop trough the post data json, and assign each post a index number. From there I could use that index number to identify which post to render.