Features of OpenNotes:
• Project & Task Tracker: Organize your daily priorities, habits, and tasks.
• College Notes Organizer: Import PDF lecture notes and organize them into subject folders.
• Built-in Document Viewer: View your PDFs or rich-text notes in a beautiful fullscreen experience.
• Cross-Platform: Available on Linux, Windows, and macOS.
• Dark & Light Themes: Premium design that adapts to your system preferences.
• Project & Task Tracker: Organize your daily priorities, habits, and tasks.
• College Notes Organizer: Import PDF lecture notes and organize them into subject folders.
• Built-in Document Viewer: View your PDFs or rich-text notes in a beautiful fullscreen experience.
• Cross-Platform: Available on Linux, Windows, and macOS.
• Dark & Light Themes: Premium design that adapts to your system preferences.
WINbar
WINbar is a lightweight, customizable Windows top bar that brings quick access to essential system controls, live performance metrics, and productivity shortcuts in a clean, always-accessible. inspired by Linux's Waybar.
🔗 Links:
- Download
- Screenshots
- Source code
Developer: Raj Srivastava
tags: #windows #customisation #winbar
WINbar is a lightweight, customizable Windows top bar that brings quick access to essential system controls, live performance metrics, and productivity shortcuts in a clean, always-accessible. inspired by Linux's Waybar.
🔗 Links:
- Download
- Screenshots
- Source code
Developer: Raj Srivastava
❤️ Support the Project
If this project makes your life easier, here are a few quick ways to show some love:
⭐️ Star the repo/app
☕️ Buy a coffee for the developer
🛠 Contribute code, issues, or pull-requests
tags: #windows #customisation #winbar
JavaScript is a programming language that runs in web browsers (and on servers via Node.js). It's used to make web pages interactive, handling clicks, updating content, validating forms, fetching data, and much more.
Where to Write JavaScript ?
» Easiest way to start: open your browser's DevTools console (F12 or right-click → Inspect → Console) and type code directly.
» In an HTML file
Where to Write JavaScript ?
» Easiest way to start: open your browser's DevTools console (F12 or right-click → Inspect → Console) and type code directly.
» In an HTML file
Variables
let name = "Alex"; // can be reassigned
const age = 25; // cannot be reassigned
var oldWay = "avoid"; // outdated, avoid using
Data Types
let str = "hello"; // string
let num = 42; // number
let bool = true; // boolean
let arr = [1, 2, 3]; // array
let obj = { name: "Alex", age: 25 }; // object
let nothing = null; // intentional empty value
let notDefined; // undefined
Operators
5 + 3 // 8
10 - 4 // 6
3 * 4 // 12
10 / 2 // 5
10 % 3 // 1 (remainder)
5 === 5 // true (strict equality — use this)
5 == "5" // true (loose equality — avoid this)
5 !== 3 // true
true && false // AND
true || false // OR
!true // NOT
Conditionals
let age = 18;
if (age >= 18) {
console.log("Adult");
} else if (age >= 13) {
console.log("Teenager");
} else {
console.log("Child");
}
Functions
// Regular function
function greet(name) {
return "Hello, " + name;
}
// Arrow function (modern, common)
const greet2 = (name) => {
return "Hello, " + name;
};
// Short arrow function
const greet3 = name => `Hello, ${name}`;
console.log(greet("Alex")); // Hello, Alex
Arrays
let fruits = ["apple", "banana", "cherry"];
fruits.push("date"); // add to end
fruits.pop(); // remove from end
fruits[0]; // "apple"
fruits.length; // 4
fruits.forEach(f => console.log(f));
let upper = fruits.map(f => f.toUpperCase());
let long = fruits.filter(f => f.length > 5);
Objects
let person = {
name: "Alex",
age: 25,
greet() {
console.log("Hi, I'm " + this.name);
}
};
console.log(person.name); // dot notation
console.log(person["age"]); // bracket notation
person.greet();Loops
for (let i = 0; i < 5; i++) {
console.log(i);
}
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
for (let fruit of fruits) {
console.log(fruit);
}