Stuff I Have Learnt

Part 4 of Interneting is Hard. You can read the previous posts here. Relative positioning accepts negative values as well position: relative; top: -30px; left: -30px; Absolute and fixed positioning completely removes an element from the normal flow of the page. Absolute positioning can be made relative by adding this code: .absolute { position: relative; … Continue reading InternetingIsHard Part 4 – Moving Boxes: Advanced CSS Positioning

This is a continuation of the things I’ve learned from Interneting is Hard. Click here and here for previous posts. Usedisplay: flex; to make a flex container in css. Flex containers only position child elements (not grandchildren, etc). flex-wrap: wrap; justify-content: center; to create divs which contents wrap when overflow flex-direction: column;  to change direction contents are rendered.  order: 1; … Continue reading InternetingIsHard Part 3 – CSS Flexbox

A continuation of the previous post, on what I’ve learnt from https://internetingishard.com/html-and-css/. 1. Differences between padding and margin: 2. Use an empty 1px padded div to prevent margin collapse. <div style=’padding-top: 1px’></div> 3. Use border-box to force box width. width: 200px; box-sizing: border-box; 4. Resetting browser default style: * { margin: 0; padding: 0; box-sizing: … Continue reading InternetingIsHard Part 2

Currently going through https://internetingishard.com/html-and-css/ Here are some things that I didn’t know that I should have: You can link in html multiple css style sheets, with the default at the top, and subsequent ones overriding that. (For best practices, always have external stylesheets) The syntax for relative linking is similar to that of changing directories … Continue reading InternetingIsHard Part 1

GIT https://git-scm.com/docs/ ML/ AI https://www.tensorflow.org/ RASA Data visualization: https://d3js.org/ https://plot.ly/ DataSci: https://www.kaggle.com/ NLP: Compromise Maps: Mapbox GL Leaflet Math: math.js css-libraries: tachyon tailwind JavaScript frameworks: React, Angular, and Vue react libraries: react-select react-speech-recognition react-sound react wizard form for async testing with hooks: react-hooks-testing-library unit testing: https://jestjs.io/ mocha end-to-end testing: cypress selenium err handling: boom validation: … Continue reading Links to Docs and Resources

Came across an article by Jean Yang that talks about the collaboration problem that crops up when female comsci students collaborate with men in psets. Related: Her subsequent post about how professors can address the problem. I think the effect is lessened if the group is larger and gender-balanced, and if the women are viewed … Continue reading Gender dynamics in collaborative teams

Classes in JS is syntatic sugar — there are no ‘classes’ like those of class-based programming languages like Java or C++. JS classes do not offer additional functionality, but makes the code for making prototypes and inheritance cleaner. Previously, we learned how to construct a new object with an object constructor. function person(first, last){ this.first … Continue reading JS: Constructor, Prototype, Classes

Methods A method is a property of an object that is a function. They are defined the same way normal functions are, except they have to be assigned as properties in an object: var obj = { foo() { return ‘bar’; } } console.log(obj.foo()); // expected output: “bar” Get A get syntax binds an object … Continue reading JS: Objects (Part 2) Methods, Getter & Setters

JavaScript is a language designed with object-based paradigms (to read: Is js a true oop language). An object is akin to real life objects, and has a collection of properties (with key-value pair associations). When the property’s value is a function, it is known as a method. Almost all values in JavaScript are objects, except … Continue reading JS ‘this’ and Objects

I’m a fan of the UX of Google’s products and regularly use apps such as the Google Calendar on my phone. Chances are, you have at least one Google app on your phone, most likely, Chrome. (56.94% of mobile users uses Chrome as their mobile web browser.) It’s the most used app on my phone, … Continue reading Websites in 2019: Progressive Web Apps