Today I Learned
TIL is a collection of concise write-ups on small things I learn day to day across a variety of languages and technologies. These are things that don't really warrant a full blog post. These are things I've picked up by Learning In Public™ and pairing with smart people
- Table of Contents
- About The Project
- General
- HTML
- JS
- Chrome
- CPP
- React
- Vue
- Vuex
- Angular
- AngularJS
- Windows
- Linux
- Internet
- CSS
- CSS Methodologies
- Performance
- JEST
- GIT
- BASH
- VP of Engineering
- Quotes
- Fun
- TODO
- Contributing
- License
- What is HTTP
- What is CLI
- What is Single Page Application
- What is the usage of "exact" in routing
- Deploy to Github Pages like a pro with Github Actions
- What Bootstrap means in CS
- ISO Curreny Codes
- Why should text files end with a newline?
- Fix nginx error of using port 80
- What is Webhook
- The engine “node” is incompatible with this module
- Console object all in one
- What Is Session Hijacking
- Github Templates: The Smarter Way to Formalize Pull Requests Among Development Teams
- Type inference
- What does DOCTYPE in HTML do
- How do you serve a page with content in multiple languages?
- What kind of things must you be wary of when design or developing for multilingual sites?
- What are data- attributes good for?
- Consider HTML5 as an open web platform. What are the building blocks of HTML5?
- Describe the difference between a cookie, sessionStorage and localStorage.
- Why is it generally a good idea to position CSS
<link>s between<head></head>and JS<script>s just before</body>? Do you know any exceptions? - Have you used different HTML templating languages before?
- Adding Alt Text To An Image
- Check if an item is exists in localStorage or not
- About rel=noopener
- List of HTML Entity names
- Center and Right align flexbox elements
- Prevent input type=“number” getting negative values?
-
<figure>tag : The Figure with Optional Caption element -
<code>tag : The Inline Code element - HTML contenteditable
- A few HTML tips
- Read Six tips to set up a better HTML document
- Read HTML Semantic Elements
- SEMANTIC HTML FOR MEANINGFUL WEBPAGES
- Read HTML elements reference
- HTML Style Guide and Coding Conventions
- HTML guidelines
- HTML vs. XHTML
- Usage of aria-label
- Check if something is an Array or not
- Create An Object With No Properties
- Create an array conataining elements from 1 to n
- JavaScript Quickie— Dot Notation vs. Bracket Notation
- === vs == in js
- what is the difference between undeclared and undefinded
- What is IIFE.
- Explain event delegation
- Explain how this works in JavaScript
- JS String Methods
- Function parameters vs Function arguments
- Do Not Declare Strings, Numbers, and Booleans as Objects!
- Objects cannot be compared
- if (0.1 0.2 === 0.3)
- How do I know if a variable is an array
- push, pop vs unshift, shift
- Using splice() to Remove Elements
- Numeric Sort
- Max and Min in JS array
- Array.filter()
- Array.reduce()
- Array.find() and Array.findIndex()
- String.prototype.repeat()
- Callbacks, Promises, Async Await
- [How do I remove a key from a JavaScript object?]-(https://stackoverflow.com/questions/3455405/how-do-i-remove-a-key-from-a-javascript-object)
- What is CSS selector specificity and how does it work?
- What’s the difference between “resetting” and “normalizing” CSS? Which would you choose, and why?
- Describe Floats and how they work.
- Describe z-index and how stacking context is formed.
- What does * { box-sizing: border-box; } do? What are its advantages?
- What’s the difference between inline and inline-block?
- Can you give an example of an @media property other than screen?
- Describe pseudo-elements and discuss what they are used for.
- px vs em vs rem vs %
- How do I disable the resizable property of a textarea?
- Style element in
disablestate - How to Style placeholder
- How to style all elements except first/last
- How to remove the arrow in dropdown in Bootstrap 4?
- How to hide scroll bar if not needed
- Proportional Resizing with CSS Variables
- repeat()
- minmax()
- Access a value logged to the console
- How do I left or right align text in Google Chrome 6 address bar
- copy data stored as global variables dev tools
- filter-only-post-and-patch-requests
- What is React?
- What are the major features of React?
- What is JSX?
- What is the difference between Element and Component?
- How to create components in React?
- When to use a Class Component over a Function Component?
- A Component is just a bag of data
- How to add cdn css file to Vue Cli 3 project?
- Horizontal Scroll Using Buttons in VueJS
- hide navbar in auth pages vue js
- DynamicComponents - keep alive
- Passing props dynamically to dynamic component in VueJS
- check if user is offline and then show div for a second once they come back online
- Add rows to the table dynamically with the use of vue.js
- How to Import a Sass File into Every Vue Component in an App
- Testing logic inside a Vue.js watcher
- ngModel within form tag
- Component is not part of any NgModule or the module has not been imported into your module
- Go to a particular revision
- How to change a Git commit message after a push
- Writing good commit messages
- Git commands
- Git commit emojis
- Git rebase
- Adding multiple authors to git commit
- How to use multiple desktops
- create new file using the command line in WindowsOS
- How to Clear Command Prompt Screen Windows 10
- How to Restart Windows’ Explorer.exe (Along with the Taskbar and Start Menu) - ADEL
“Premature optimization is the root of all evil” Donald knuth
“if it hurts, do it more often”. Martin Fowler
“In JavaScript, variables don't have types, values do.”
“In React, The component that owns a piece of the state, should be the one modifying”
“It's worse to use a semantic element in a wrong way than staying neutral.”
“ كلـما أدبني الدهـر ... أراني نقص عقلي ” “ وإذا ما أزددت علما ... زادني علما بجهلي ” الإمام الشافعي
“Pure win for performance!“
- HTTP response status codes
- argc and argv
- how to enter argc and argv in Visual Studio
- Prototypal pattern
- Describe the difference between <script>, <script async> and <script defer>.
- Search for border vs outline css
- Search for css selectors next sibling direct child all
-
What is Webhook - Read more about "Progressive Enhancement"
- Read more about "Polyfill vs Ponyfill"
- Read more about "Graceful degration"
- Read more about "Dependency Injection in JavaScript"
- What is Stack-Trace
- Why you sould use CDN (Content Delivery Network)
- How to revert last commit git
- What is cherry-pick in git
- What is stash in git
- The cost of moving from Google Fonts to self-hosted web fonts
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
Check out our contributing guidelines for ways to contribute.
This project is licensed under MIT License, See License for more information ©AbdallahHemdan.