├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── Glossary ├── A │ ├── APIs.md │ ├── agile-methodology.md │ └── algorithm.md ├── B │ ├── browser_compatibility.md │ └── bug.md ├── C │ ├── compiler.md │ └── component_based_ui_development.md ├── D │ ├── data_security.md │ └── debugging.md ├── E │ ├── event_handling.md │ └── exception.md ├── F │ ├── function.md │ └── functional_programming_in_javascript.md ├── G │ ├── git.md │ └── google_analytics_intigrations.md ├── H │ ├── html.md │ └── http_and_https.md ├── I │ ├── interactive_web_design.md │ ├── interface.md │ └── internationalization.md ├── J │ └── json.md ├── K │ └── keyboard-accessibility.md ├── P │ └── progressive_web_apps.md └── S │ └── standard_streams.md ├── LICENSE └── README.md /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # CodeGlossary Contributor Code of Conduct 2 | 3 | As contributors and maintainers of the CodeGlossary project, we are committed to fostering a welcoming and harassment-free environment. This Code of Conduct outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior. 4 | 5 | ## Our Pledge 6 | 7 | We pledge to make participation in our project a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. 8 | 9 | ## Expected Behavior 10 | 11 | - Be respectful and considerate in your interactions with others. 12 | - Communicate openly, professionally, and constructively. 13 | - Exercise empathy and understanding towards differing viewpoints. 14 | - Give and receive feedback gracefully, focusing on the content of the discussion. 15 | - Use welcoming and inclusive language. 16 | 17 | ## Unacceptable Behavior 18 | 19 | Unacceptable behaviors include, but are not limited to: 20 | 21 | - Harassment, intimidation, or discrimination in any form. 22 | - Hate speech or derogatory comments. 23 | - Personal attacks or ad hominem criticism. 24 | - Any form of trolling or disruptive behavior. 25 | - Publishing private information without permission. 26 | - Other conduct that could reasonably be considered inappropriate in a professional setting. 27 | 28 | ## Consequences of Unacceptable Behavior 29 | 30 | Contributors who engage in unacceptable behavior will be asked to stop the behavior immediately. If the behavior persists, they will be temporarily or permanently excluded from contributing to the project. 31 | 32 | ## Reporting 33 | 34 | If you witness or experience behavior that violates this Code of Conduct, please report it promptly to `me@j471n.in`. All reports will be reviewed and investigated and will remain confidential. 35 | 36 | ## Attribution 37 | 38 | This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html), version 2.0. 39 | 40 | ## Scope 41 | 42 | This Code of Conduct applies within the project spaces and in public spaces when an individual is representing the project or its community. 43 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing to CodeGlossary 2 | 3 | Thank you for your interest in contributing to CodeGlossary! Your efforts will help make coding terminology accessible to a broader audience. Please follow these steps to ensure a smooth contribution process: 4 | 5 | ## 1. Fork the Repository 6 | 7 | Click the **Fork** button at the top right corner of the [CodeGlossary repository](https://github.com/devhots/CodeGlossary) to create a copy of the repository in your GitHub account. 8 | 9 | ## 2. Create a New Branch 10 | 11 | Create a new branch in your forked repository. The name of the branch should be your username. 12 | 13 | ```bash 14 | git checkout -b 15 | ``` 16 | 17 | ## 3. Structure and Naming Convention 18 | 19 | Our files are structured alphabetically into folders. If your term starts with `A`, for instance, inside that folder `A`, add a markdown file named in kebab-case (e.g., `github-repository.md`). 20 | 21 | ## 4. Dual Explanations 22 | 23 | Each terminology should have two types of explanations: 24 | 25 | ### Simple Explanation 26 | 27 | Provide a concise definition of the term in around 600-800 characters. Be clear and straightforward while highlighting its significance. 28 | 29 | ### Explaining like you're five 30 | 31 | Break down the term as if explaining to a child. Use simple language, analogies, and examples that a 5-year-old could understand (in 500-600 character). 32 | 33 | > Note : You can take a example of [Agile Methodology](/Glossary/A/agile-methodology.md) 34 | 35 | ## 5. Update Table of Contents 36 | 37 | Add a link to your newly created file in the main README's table of contents. Make sure it's in alphabetical order for easy navigation. 38 | 39 | ## 6. Create a Pull Request 40 | 41 | Once you've added your term's explanations and updated the table of contents, create a pull request from your branch to the main repository. Use the term's name as the title of the pull request. 42 | 43 | Remember the following guidelines: 44 | 45 | - Each pull request should cover only one term. 46 | - If you have multiple terms to contribute, create separate pull requests for each. 47 | - Please maintain a clear commit history, with meaningful commit messages. 48 | 49 | ## 7. Review and Iterate 50 | 51 | Your pull request will be reviewed by our team. Be prepared to address any feedback or suggestions for improvement. Collaboration is key to creating a valuable resource. 52 | 53 | Thank you for being a part of the CodeGlossary community and helping others understand coding concepts better! 54 | -------------------------------------------------------------------------------- /Glossary/A/APIs.md: -------------------------------------------------------------------------------- 1 | # API (Application Programming Interface) 2 | 3 | API stands for "Application Programming Interface." It's a set of rules and protocols that allow different software applications to communicate and interact with each other.Think of APIs like a menu at a restaurant. When you go to a restaurant, you don't need to know how the chef cooks your meal; you just order from the menu. In the same way, APIs are like menus for software. They let different apps talk to each other and share information without needing to understand all the complicated stuff behind the scenes.They enable developers to create functionalities in their applications by leveraging the capabilities of another application, service, or platform without needing to understand the internal workings of that application. 4 | 5 | ## Explaining like you are five 6 | 7 | Alright, imagine you have a bunch of different toys, and each toy does something cool. But sometimes, you want your toys to talk to each other and do even cooler things together.So, let's say you have a toy phone and a toy robot. The toy phone has buttons you can press, and the robot can dance. But you really want the robot to dance when you press the phone's buttons.That's where the API comes in. It's like a magic bridge that helps the phone and the robot understand each other's language. The API tells the robot that when the phone's buttons are pressed, it should start dancing. So, when you press the buttons on the phone, the robot starts dancing like a happy friend! 8 | 9 | In the same way, APIs help different computer programs talk to each other and do cool things together, even if they're from different teams or places. They're like friendly helpers that make sure everyone can play nicely and share their special talents. 10 | 11 | [History of APIs](https://en.wikipedia.org/wiki/API#:~:text=History%20of%20the%20term%5Bedit%5D) 12 | [More about APIs](https://www.geeksforgeeks.org/what-is-an-api/) 13 | -------------------------------------------------------------------------------- /Glossary/A/agile-methodology.md: -------------------------------------------------------------------------------- 1 | # Agile Methodology 2 | 3 | [Agile methodology](https://en.wikipedia.org/wiki/Agile_software_development) is an approach used in project management and software development. It's all about being flexible, adaptive, and collaborative. Instead of planning out every single detail of a project at the beginning and sticking to that plan no matter what, Agile encourages teams to work in shorter cycles called **_sprints_**. During each sprint, which usually lasts a few weeks, the team focuses on a small set of tasks or features. They work together closely, often holding daily meetings to discuss progress and any challenges they're facing. This helps everyone stay on the same page and quickly solve any problems that come up. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you're building a big LEGO castle with your friends. You don't want to wait until the very end to see the castle complete, right? Agile is like building it piece by piece, checking with your friends often to make sure everything fits and looks good. You build a part, show it to them, get their ideas, and then build more. This way, if you need to change something, it's easy because you're not stuck with a huge castle that's hard to fix. Agile helps us build things step by step and make them better as we go! 8 | -------------------------------------------------------------------------------- /Glossary/A/algorithm.md: -------------------------------------------------------------------------------- 1 | # Algorithm 2 | 3 | An algorithm is a procedure used for solving a problem or performing a computation. Algorithms act as an exact list of instructions that conduct specified actions step-by-step in either hardware or software-based routines. In simple terms it is a step-by-step set of instructions to solve a problem or perform a task. 4 | 5 | Algorithms are used as specifications for performing calculations and data processing. More advanced algorithms can use conditionals to divert the code execution through various routes (referred to as automated decision-making) and deduce valid inferences (referred to as automated reasoning), achieving automation eventually. 6 | 7 | ## Explaining like you are five 8 | 9 | Now, Imagine you have a big box of colorful blocks, and you want to build a tower using those blocks. An algorithm is like a special set of instructions that tells you exactly how to put the blocks together to make the tower. 10 | 11 | Think of it as a step-by-step guide that you can follow. It's like having a friend tell you what to do next. So, when you want to build the tower, you can look at your guide (the algorithm), and it will show you which block to put on first, then which one comes next, and so on, until your tower is all built and ready to play with! Algorithms help us solve problems and do things in a specific order, just like building with blocks. 12 | 13 | [More about Algorithms](https://en.wikipedia.org/wiki/Algorithm) 14 | -------------------------------------------------------------------------------- /Glossary/B/browser_compatibility.md: -------------------------------------------------------------------------------- 1 | # Browser Compatibility 2 | 3 | Browser compatibility refers to how well a website or web application works and looks across different web browsers, like Chrome, Firefox, Safari, and Edge. Since each browser might interpret and display code slightly differently, developers need to ensure that their creations function consistently and provide a good user experience, regardless of the browser a person uses. This involves testing, adjusting code, and using techniques that make sure everyone, no matter their browser choice, can access and use the website or app without any hiccups🌐🔍. So In a nutshell 4 | Browser compatibility refers to ensuring that a website or web application functions correctly and looks consistent across various web browsers. This involves testing, adjusting code, and using standards-compliant practices to provide a seamless user experience, regardless of the browser being used. 5 | 6 | ## Explaining like you're five 7 | 8 | Imagine you have a bunch of different toys, and you want to play with them. But not all the toys work the same way with your special play area. Some toys fit perfectly and work great, while others might not fit well or do strange things. Browser compatibility is like making sure your games and toys work nicely in all the different places where you like to play on the computer. Just like you want all your toys to work everywhere, we want websites to look and work nicely in all the different places we visit on the computer too! 9 | 10 | [More On Browser Compatibility](https://www.browserstack.com/guide/what-is-browser-compatibility) 11 | -------------------------------------------------------------------------------- /Glossary/B/bug.md: -------------------------------------------------------------------------------- 1 | ## Bug 2 | 3 | A bug in programming refers to an error in a software program that causes it to behave in ways that were not intended by the programmer. Bugs can occur due to mistakes in the code, unexpected interactions between different parts of the program, or misunderstandings in how the computer's hardware and software work together. Detecting and fixing bugs is an essential part of software development, involving thorough testing, debugging tools, and careful examination of the codebase to ensure that the program functions as expected. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you're building a puzzle, and one of the pieces doesn't quite fit even though you tried your best. In coding, a bug is like that puzzle piece – it's a little part of the program that's not quite right. Programmers need to be like detectives, looking for these tricky pieces and making sure the computer game or app works perfectly. 8 | -------------------------------------------------------------------------------- /Glossary/C/compiler.md: -------------------------------------------------------------------------------- 1 | # Compiler 2 | 3 | A compiler is a program that helps turn the code that humans write into instructions that computers can understand. Think of it as a language translator, but for computers. When programmers write code, they use words and rules that humans understand, but computers need a different kind of language to follow those instructions. The compiler takes the programmer's code and translates it into a language that the computer can read and execute. It's like having a magical friend who can change your story into a language only your toys can understand. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you're telling a robot how to draw a picture. You use your words, but robots like different words. A compiler is like a robot helper – it listens to your words and tells the robot what to do using robot words. So even if you say "draw a smile," the compiler helps the robot know exactly how to do it. 8 | -------------------------------------------------------------------------------- /Glossary/C/component_based_ui_development.md: -------------------------------------------------------------------------------- 1 | # Component-Based UI Development 2 | 3 | Component-Based UI Development is a modern approach to building user interfaces (UIs) for web applications. It involves breaking down the UI into smaller, reusable components, each representing a specific part of the user interface. The idea behind component-based UI development is to promote reusability and modularity in web development projects. Instead of creating entire pages from scratch, developers can create individual components, such as buttons, navigation bars, forms, cards, and more. These components can then be combined and reused throughout the application, which significantly speeds up development and maintenance.Some Key characteristics of component-based UI development include are Reusability, Isolation (changes made to one component shouldn't affect other),Abstraction (ability to create high-level components that encapsulate complex functionality), Collaboration (it allows multiple developers to work simultaneously without causing conflicts.),Consistency (components enforce consistent design and behavior across the application),Testing (components can be tested individually). 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you have a big box of colorful building blocks. Each block is like a special part of a toy. Instead of making the whole toy all at once, you can use these blocks to build one small piece at a time. Then, you can put these pieces together to make a really cool toy that does lots of fun things!. Component-based UI development is a bit like using those blocks. Instead of making a whole website all at once, we create small building blocks for different parts, like buttons, pictures, and boxes. Then we put these blocks together to make a website that works great and looks amazing! It's like building with LEGO pieces to create something awesome on the computer. 8 | 9 | [More On Component Based UI Development](https://medium.com/swlh/the-importance-of-component-based-ui-design-666e5dfc7c1a) 10 | -------------------------------------------------------------------------------- /Glossary/D/data_security.md: -------------------------------------------------------------------------------- 1 | # Data Security 2 | 3 | Data security refers to the practices, measures, and technologies implemented to protect sensitive information from unauthorized access, data breaches, or malicious attacks. It involves ensuring the confidentiality, integrity, and availability of data. This includes using encryption, access controls, authentication mechanisms, and other security protocols to safeguard digital information and prevent it from falling into the wrong hands or being tampered with. Data security is crucial in safeguarding personal, financial, and confidential information in various contexts, including web applications, databases, and digital communication. 4 | 5 | ## Explaining like you're five 6 | 7 | Data security is like having a secret treasure box. You want to keep your special toys and things safe, so you put them in the box and lock it with a magic key that only you and your trusted friends have. This way, no one else can take your toys or see your special things without your permission.In the computer world, data security is about keeping important information safe from people who shouldn't see it. Just like you protect your treasure box, we use special locks and tricks to keep computer stuff safe from people who aren't supposed to know about it. 8 | 9 | [More on Data Security](https://en.wikipedia.org/wiki/Data_security) 10 | -------------------------------------------------------------------------------- /Glossary/D/debugging.md: -------------------------------------------------------------------------------- 1 | # Debugging 2 | 3 | Debugging is the process of identifying, analyzing, and fixing errors, bugs, or issues in software code or a computer program. Software development involves writing complex code, and errors can easily occur due to mistakes in coding, logical flaws, or unexpected interactions between different components of the software. Debugging is crucial for ensuring that the software functions as intended and produces the expected results. 4 | 5 | ## Explaining like you're five 6 | 7 | Remember when your toy train stopped on the tracks? You looked closely to see why and then fixed it, so it ran smoothly again. Debugging is like that, but for computer games. Programmers check why things are not working, like finding why a game gets stuck, and they fix it to make it play perfectly. 8 | -------------------------------------------------------------------------------- /Glossary/E/event_handling.md: -------------------------------------------------------------------------------- 1 | # Event Handling 2 | 3 | Event handling is like having a conversation with a website. When you do something like clicking a button or moving your mouse, the website is listening for those actions. When it hears something (an event), it reacts by doing something you told it to do. It's what makes websites feel alive and respond to what you're doing.Here's how event handling works- When a user interacts with a web page, events are generated. For example, clicking a button generates a "click" event. Developers use event listeners to "listen" for specific events. An event listener is a piece of code that's set up to respond when a particular event occurs.When the event occurs, the associated event handling function is executed. This function contains the instructions for what should happen in response to the event.Event handling enhances the user experience by allowing web applications to respond dynamically to user actions. For example, clicking a button might trigger a pop-up or change the content on the page. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you're playing with your toy car, and you press a button to make it run! That button you press is like an event. Event handling is when the toy car knows what to do when you press that button. It listens for your action, like when you press the button, and then it does something cool, like moving forward. So, event handling is like teaching your toys to do fun stuff when you give them a little nudge! 8 | 9 | [More on Event Handling](https://developer.mozilla.org/en-US/docs/Web/Events/Event_handlers) 10 | -------------------------------------------------------------------------------- /Glossary/E/exception.md: -------------------------------------------------------------------------------- 1 | # Exception 2 | 3 | An exception is an unexpected event or condition that occurs during the execution of a program, disrupting its normal flow. It typically arises when an error or special situation is encountered that the program cannot handle as part of its usual operations. Exceptions can cover various issues, such as division by zero, attempting to access a non-existent file, or trying to use a resource that's not available. In programming, developers can implement exception handling mechanisms to catch and manage these special situations. By using try-catch blocks or similar constructs, developers can identify when an exception occurs, gracefully handle it, and potentially take corrective actions to prevent program crashes and ensure more robust and reliable software. 4 | 5 | ## Explaining like you're five 6 | 7 | An exception is when a computer says, "Whoa, that's not what I expected!" Like when you're coloring and your crayon rolls away, it's a surprise. In computer games, if something surprising happens, programmers make sure the game knows what to do, just like you know to pick up your crayon. 8 | -------------------------------------------------------------------------------- /Glossary/F/function.md: -------------------------------------------------------------------------------- 1 | # Function 2 | 3 | A function is a self-contained block of code within a program that performs a specific task or a set of related tasks. It is designed to be reusable, allowing developers to write code once and call it multiple times from different parts of a program. Functions take input parameters (arguments) as needed, perform their defined operations, and often produce an output or result. They help in organizing code, making it more modular and easier to understand, maintain, and debug. Functions play a fundamental role in programming by promoting code reusability, abstraction of complex tasks, and better structuring of software logic. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine coding is like giving instructions to your toys, and a function is like having a special set of instructions that you can use by giving it a name. It's like having a button for your toy that does a specific thing, so you don't have to explain all the steps every time you want your toy to do that thing. Just press the button (use the function), and your toy knows what to do! 8 | -------------------------------------------------------------------------------- /Glossary/F/functional_programming_in_javascript.md: -------------------------------------------------------------------------------- 1 | # Functional Programming in JavaScript 2 | 3 | Functional Programming in JavaScript is an approach to writing code that focuses on using functions as the primary building blocks of programs. Instead of treating code as a sequence of steps, functional programming treats code as a series of functions that take input, process it, and produce output. This style encourages immutability, meaning that data once created cannot be changed, and the avoidance of side effects, which are changes made by a function that affect the outside world.Key concepts in functional programming with JavaScript include: Pure Functions, Higher-Order Function, Function Composition, Closure etc. 4 | 5 | ## Explaining like you're five 6 | 7 | Functional Programming in JavaScript is like building with LEGO blocks. You use small, self-contained functions to do specific tasks. These functions don't change things outside themselves and always give the same output for the same input. You combine these functions to create bigger, more complex processes. It's a way of writing code that's clear, predictable, and easy to put together and take apart. 8 | 9 | [More on Functional Programming in JavaScript](https://www.freecodecamp.org/news/functional-programming-in-javascript/) 10 | -------------------------------------------------------------------------------- /Glossary/G/git.md: -------------------------------------------------------------------------------- 1 | # Git 2 | 3 | Git is a tool used in programming that helps people work together on code. It keeps track of changes made to the code by different people and lets them combine their work seamlessly.It saves snapshots of the code as it evolves, making it easy to switch between different versions, try new things without breaking the original code, and merge everyone's changes into a final version. This makes teamwork smoother, mistakes easier to fix, and software development more organized. 4 | 5 | ## Explaining like you're five 6 | 7 | Git as a magical recorder for your storybook. When you write a story (code) with your friends, Git remembers every change you make. If someone wants to add a new part or fix something, Git helps them do it without messing up the whole story. It's like having a time machine for your story, so you can go back to any part of it if you want. And when the story is ready, Git helps you share it with others, making sure everyone has the same book with all the right words in the right places! 8 | -------------------------------------------------------------------------------- /Glossary/G/google_analytics_intigrations.md: -------------------------------------------------------------------------------- 1 | # Google Analytics Integration 2 | 3 | Google Analytics Integration involves incorporating Google Analytics, a powerful web analytics tool, into a website or web application to track and analyze user interactions, behaviors, and performance metrics. This integration provides valuable insights that help website owners and developers understand how users engage with their digital content.Key aspects of Google Analytics Integration include- Tracking User Data, Audience Insights, Behavior Analysis (It helps identify which pages users visit most, how long they spend on each page),E-commerce Tracking (For online stores, Google Analytics can track transaction data, revenue, and product performance, providing insights into e-commerce activities.), Event Tracking (User interactions, like button clicks, video views, downloads, and form submissions) etc. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you have a magic book that tells you about all the visitors who come to your special toy store. When someone comes in, the magic book writes down their name, what toys they like, and even how long they stay. Google Analytics is like that magic book for websites! It helps people who have websites see who visits, what they do, and what they like. This way, the website owners can make their websites even more fun and exciting for everyone who comes to visit! 8 | 9 | [More On Google Analytics](https://en.wikipedia.org/wiki/Google_Analytics) 10 | [How To Use Google Analytics Data API](https://j471n.in/blogs/google-analytics-data-api) 11 | -------------------------------------------------------------------------------- /Glossary/H/html.md: -------------------------------------------------------------------------------- 1 | # HTML 2 | 3 | HTML, or Hypertext Markup Language, is the foundational language used to create and structure content on websites. It uses special codes called tags to define elements like headings, paragraphs, images, links, and more. These tags tell web browsers how to display and arrange the content for users to see. HTML provides the structure and layout for web pages, while other technologies like CSS (Cascading Style Sheets) handle the visual appearance, and JavaScript adds interactivity. In essence, HTML is the building block that enables the creation of web content and allows browsers to interpret and render that content in a structured manner. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you're making a drawing with crayons. You have different crayons for different things, like one for drawing the sky, one for the grass, and another for the sun. HTML is a bit like those special crayons. It helps people make pictures on the computer that everyone can see on the internet. Instead of crayons, we use special words to tell the computer where to put pictures, text, and links on the screen. So, when you click on a website, the computer knows how to use the special words (HTML) to show you all the cool things on the page, just like your crayons make a beautiful picture! 8 | -------------------------------------------------------------------------------- /Glossary/H/http_and_https.md: -------------------------------------------------------------------------------- 1 | # HTTP AND HTTPS 2 | 3 | HTTP stands for "Hypertext Transfer Protocol." It's like a set of rules that computers follow when they talk to each other on the internet. Imagine you're sending a letter to a friend. HTTP is like the special way you write the letter so your friend's computer can understand and send you back a response. 4 | 5 | HTTPS is like a super safe version of HTTP. It adds an extra layer of protection, like a secret code, to your letters. This way, when you send important things like passwords or credit card numbers online, they stay private and nobody else can read them. So, HTTP is like regular mail, and HTTPS is like a secret, locked envelope that keeps your stuff safe! 6 | 7 | ## Explaining like you're five 8 | 9 | Imagine you're sending a message to a friend through your toy walkie-talkies. HTTP is like talking openly, and anyone with a walkie-talkie can hear what you're saying. But HTTPS is like using a secret code when you talk. Only you and your friend can understand the secret code, so your messages stay private and safe from anyone trying to listen in. It's like whispering your secrets so only your friend can hear! 10 | 11 | [More on HTTPS](https://en.wikipedia.org/wiki/HTTPS) 12 | [More on HTTP](https://en.wikipedia.org/wiki/HTTP) 13 | -------------------------------------------------------------------------------- /Glossary/I/interactive_web_design.md: -------------------------------------------------------------------------------- 1 | # Interactive Web Design 2 | 3 | Interactive web design refers to the creation of web interfaces that engage users by allowing them to actively participate and respond to elements on a website. Instead of presenting static content, interactive design enables users to interact, explore, and manipulate elements, creating a dynamic and engaging user experience.Key aspects of interactive web design include - User Engagement, User-Friendly Interfaces, Animation and Effects, Microinteractions, Responsive Interactions etc. 4 | 5 | ## Explaining like you're five 6 | 7 | Interactive web design is like having a website that talks and plays with you! Imagine you have a coloring book on the computer. Instead of just looking at the pictures, you can actually color them by clicking on the colors. And when you move your mouse over buttons, they do fun things like light up or make sounds. It's like a computer game, but on a website! Interactive web design makes websites feel like they're alive and want to play with you. 8 | 9 | [More on Interactive Web Design](https://99designs.com/blog/web-digital/interactive-web-design/) 10 | -------------------------------------------------------------------------------- /Glossary/I/interface.md: -------------------------------------------------------------------------------- 1 | # Interface 2 | 3 | An interface is like a way for different things to talk to each other or work together. It can mean the buttons and screens we use on computers, the rules that help software programs talk to each other, or even the plugs and connections that link gadgets to computers. Interfaces make sure different stuff can understand each other and get things done together. 4 | 5 | ## Explaining like you're five 6 | 7 | An interface is like a magic button that helps you talk to your toys. Imagine you have a remote control for your toy car. When you press the buttons on the remote, the car knows what to do - it can go forward, turn around, or even make funny sounds. An interface is a bit like that remote control. It's a special way for different things, like toys or computer programs, to understand each other and work together. Just like you use the buttons on the remote to control your toy, an interface helps things understand how to talk and play nicely with each other. 8 | -------------------------------------------------------------------------------- /Glossary/I/internationalization.md: -------------------------------------------------------------------------------- 1 | # Internationalization (i18n) 2 | 3 | Internationalization is a process that involves designing and adapting software to support multiple languages and regions without the need for future significant technical changes. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine visiting a foreign website and having your native language automatically selected, resulting in the entire website content being presented to you in your native language. This can be achieved by implementing i18n. -------------------------------------------------------------------------------- /Glossary/J/json.md: -------------------------------------------------------------------------------- 1 | # JSON 2 | 3 | JSON stands for "JavaScript Object Notation." It's a lightweight data interchange format used to represent and exchange data between different systems. JSON is easy for both humans to read and write, and for machines to parse and generate. It's commonly used for sending data between a server and a web application, as well as for storing configuration data and exchanging information between APIs.Key features of JSON include- Syntax Simplicity, Data Types, Structured Format, Language Neutrality, Compatibility with Web etc. 4 | 5 | ## Explaining like you're five 6 | 7 | Imagine you have a special box where you keep your favorite toys. JSON is like a magic language that helps you tell your friend what toys are in your box and why you love them. It's a way for computers to talk about things they know, like your toys, so they can understand each other better and have fun together! Just like you talk about your toys with your friend, JSON helps computers talk about their stuff too. 8 | 9 | [More On JSON](https://en.wikipedia.org/wiki/JSON) 10 | -------------------------------------------------------------------------------- /Glossary/K/keyboard-accessibility.md: -------------------------------------------------------------------------------- 1 | # Keyboard Accessibility In Web Design 2 | 3 | Keyboard accessibility in web design refers to creating websites and web applications that can be easily navigated and interacted with using only the keyboard, without requiring the use of a mouse or other pointing device. This is particularly important for users with disabilities who may have difficulty using a mouse, as well as for anyone who prefers keyboard navigation. It is a crucial aspect of creating a user-friendly web experience, making sure that everyone can effectively use and interact with your website, regardless of their physical abilities or preferences. 4 | 5 | ## Explaining like you're five 6 | 7 | Keyboard Accessiblity in web design is like making sure that each and every one can use your website even without a pointing device like mouse. Just like we use our keyboard to type and play games some people use it to navigate around the website and as a developer it's our job to make sure that all the buttons and links on our website are navigable so that everyone can have fun and do things easily, even if they can't use a regular mouse. 8 | 9 | [More On Keyboard Accessibility In Web Design](https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard) 10 | -------------------------------------------------------------------------------- /Glossary/P/progressive_web_apps.md: -------------------------------------------------------------------------------- 1 | # Progressive Web Apps (PWAs) 2 | 3 | Building Progressive Web Apps (PWAs) is all about creating web applications that offer a fantastic user experience similar to native mobile apps. These PWAs combine the best of both worlds by delivering speed, responsiveness, and engagement. PWAs are designed to work smoothly across different devices and screen sizes. They load quickly, even on slow networks, and can be accessed offline or with limited connectivity. This means users can interact with the app no matter where they are. One cool feature of PWAs is their ability to send push notifications to users, just like mobile apps. This keeps users informed and engaged, even when they're not actively using the app. 4 | 5 | ## Explaining like you are five 6 | 7 | Imagine you have a special website that acts like a superhero! A Progressive Web App, or PWA, is a website that's not only fun to visit but also works like an app on your tablet or phone. It's super fast and can even be used when you're not connected to the internet. Just like your favorite toys, PWAs are always ready to play and make you smile, no matter where you are! 🚀📱 8 | 9 | [More About PWA](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) 10 | -------------------------------------------------------------------------------- /Glossary/S/standard_streams.md: -------------------------------------------------------------------------------- 1 | # Standard streams 2 | 3 | Standard streams are a fundamental concept in computer programming and operating systems. They represent the basic input and output channels that programs use to communicate with their environment. In most operating systems, including Unix-like systems and Windows, there are three standard streams: 4 | 5 | 1. **Standard Input (stdin)**: This is the stream through which a program receives input from the user or from another program. By default, the standard input is usually connected to the keyboard, but it can be redirected to read input from files or other sources. 6 | 7 | 2. **Standard Output (stdout)**: This is the stream through which a program sends its regular output. By default, the standard output is connected to the display screen or terminal, allowing the program's output to be seen by the user. Like standard input, it can be redirected to write output to files or other destinations. 8 | 9 | 3. **Standard Error (stderr)**: This stream is used for error messages and diagnostic output that a program generates. It's also connected to the display screen or terminal by default. Redirecting stderr allows separation of error messages from regular output, which can be useful for debugging and logging purposes. 10 | 11 | These streams provide a way for programs to interact with their environment in a standardized manner and their manipulation are essential for communication, error handling, and data processing in command-line programs and scripting. 12 | 13 | ## Explaining like you're five 14 | 15 | Imagine you have a robot that can talk and listen. This robot has three special parts where it talks and listens from. 16 | 17 | 1. **Mouth (Talk)**: This is where the robot talks or says things. It can say "Hello!" or "I like music!" 18 | 19 | 2. **Ears (Listen)**: This is where the robot listens or hears things from. If you tell the robot something, it uses its ears to understand what you said. 20 | 21 | 3. **Emergency Alarm (Oops)**: Sometimes, the robot might have a problem and need to tell you "Oops, something went wrong!" This is like a special alarm sound it makes. 22 | 23 | These three parts are like the robot's standard streams. The mouth is for talking (like standard output), the ears are for listening (like standard input), and the emergency alarm is for mistakes or problems (like standard error). Just like the robot can talk and listen to you, computer programs use these streams to talk to you, listen to you, and tell you if something went wrong. -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Dev Hots 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CodeGlossary 2 | 3 | Your source for clear explanations of programming terms. Explore a curated collection of coding jargon used in software development. Contribute to this open-source hub and empower the coding community. 4 | 5 | Before Contributing Check out our [Contribution Guide](/CONTRIBUTING.md). 6 | 7 | --- 8 | 9 | **Jump to:** [A](#a) | [B](#b) | [C](#c) | [D](#d) | [E](#e) | [F](#f) | [G](#g) | [H](#h) | [I](#i) | [J](#j) | [K](#k) | [L](#l) | [M](#m) | [N](#n) | [O](#o) | [P](#p) | [Q](#q) | [R](#r) | [S](#s) | [T](#t) | [U](#u) | [V](#v) | [W](#w) | [Y](#y) | [Z](#z) 10 | 11 | --- 12 | 13 | ## A 14 | 15 | - [Agile Methodology](/Glossary/A/agile-methodology.md) 16 | - [Algorithm](/Glossary/A/algorithm.md) 17 | - [APIs](/Glossary/A/APIs.md) 18 | 19 | ## B 20 | 21 | - [Browser Compatibility](/Glossary/B/browser_compatibility.md) 22 | - [Bug](/Glossary/B/bug.md) 23 | 24 | ## C 25 | 26 | - [Compiler](/Glossary/C/compiler.md) 27 | - [Component Based UI Development](/Glossary/C/component_based_ui_development.md) 28 | 29 | ## D 30 | 31 | - [Data Security](/Glossary/D/data_security.md) 32 | - [Debugging](/Glossary/D/debugging.md) 33 | 34 | ## E 35 | 36 | - [Event Handling](/Glossary/E/event_handling.md) 37 | - [Exception](/Glossary/E/exception.md) 38 | 39 | ## F 40 | 41 | - [Function](/Glossary/F/function.md) 42 | - [Functional Programming In Javascript](/Glossary/F/functional_programming_in_javascript.md) 43 | 44 | ## G 45 | 46 | - [Git](/Glossary/G/git.md) 47 | - [Google Analytics Intigrations](/Glossary/G/google_analytics_intigrations.md) 48 | 49 | ## H 50 | 51 | - [HTML](/Glossary/H/html.md) 52 | - [HTTP and HTTPS](/Glossary/H/http_and_https.md) 53 | 54 | ## I 55 | 56 | - [Interactive Web Design](/Glossary/I/interactive_web_design.md) 57 | - [Interface](/Glossary/I/interface.md) 58 | - [Internationalization (i18n)](/Glossary/I/internationalization.md) 59 | 60 | ## J 61 | 62 | - [JSON](/Glossary/J/json.md) 63 | 64 | ## K 65 | 66 | - [Keyboard Accessibility](/Glossary/K/keyboard-accessibility.md) 67 | 68 | ## L 69 | 70 | ## M 71 | 72 | ## N 73 | 74 | ## O 75 | 76 | ## P 77 | 78 | - [Progressive Web Apps(PWA)](/Glossary/P/progressive_web_apps.md) 79 | 80 | ## Q 81 | 82 | ## R 83 | 84 | ## S 85 | 86 | - [Standard streams](/Glossary/S/standard_streams.md) 87 | 88 | ## T 89 | 90 | ## U 91 | 92 | ## V 93 | 94 | ## W 95 | 96 | ## X 97 | 98 | ## Y 99 | 100 | ## Z 101 | --------------------------------------------------------------------------------