Day-87 📘 Python Full Stack Journey – JavaScript Practice & Math Functions Today’s learning was very hands-on, focusing on JavaScript interactivity, validation, and built-in utilities. 🎯 What I worked on today: 🎨 Interactive Program Wrote a program to change the color of an SVG on click, toggling between red ↔ black continuously using event handling. 🧪 User Input & Validation Received user input using: Copy code Js document.getElementById('ab').value Applied conditions such as: isNaN() Value checks (< 10, etc.) Displayed validation results dynamically inside an HTML tag. Implemented form validation using alert() for user feedback. 🧮 JavaScript Math Module Explored several useful Math methods: pow() floor() ceil() sign() round() max() / min() sqrt() PI sin() / cos() / tan() trunc() random() These exercises really helped connect logic, user interaction, and calculations in real-world scenarios. JavaScript is getting more powerful and fun every day! 🚀 #JavaScript #PythonFullStack #WebDevelopment #Frontend #CodingJourney #LearningToCode #Upskilling #TechSkills #ContinuousLearning
JavaScript Practice & Math Functions for Full Stack Development
More Relevant Posts
-
Prototypes in JavaScript (The Secret Behind Everything) JavaScript doesn’t use classical inheritance like Java or C++ 👉 It uses Prototypal Inheritance --- 💡 Every object in JS has a hidden link: "[[Prototype]]" --- ⚡ Example: const animal = { speak() { console.log("Animal speaks"); } }; const dog = Object.create(animal); dog.speak(); // 🐶 Animal speaks --- 🤯 What just happened? - "dog" does NOT have "speak()" - JavaScript looks into its prototype - Finds it in "animal" 👉 This is called the Prototype Chain --- 🧩 Real Magic: [].map === Array.prototype.map // true 👉 That’s why arrays have methods like "map", "filter", etc. --- ⚠️ Important: dog.__proto__ === animal // true But avoid using "__proto__" directly Use "Object.getPrototypeOf()" --- 🚀 Why this matters: - Foundation of JS inheritance - Helps understand classes under the hood - Makes debugging easier --- Reference from 👉 Sheryians Coding School #javascript #webdevelopment #frontend #programming #coding
To view or add a comment, sign in
-
-
I just published kitten-tts-js — an unofficial JavaScript port of KittenTTS, an ultra-lightweight text-to-speech library that runs entirely in Node.js and the browser with no Python dependency. The models are StyleTTS2-based ONNX files from KittenML (full credit to them for the architecture and voice embeddings). My contribution was porting the inference pipeline to JavaScript: phonemization via eSpeak-NG WASM, NumPy .npz voice file parsing, text normalization, and ONNX Runtime for both Node.js and browser environments. It ships with 8 voices, streaming synthesis, TypeScript declarations, automatic model caching, and a live demo on GitHub Pages. The nano model is ~25 MB and runs fully on-device — no API calls, no server, no cost per request. `npm install kitten-tts-js` Live demo: https://lnkd.in/dNbYRKdw GitHub: https://lnkd.in/dVTHb8QY npm: https://lnkd.in/dnNiXHaK If you are building something that needs speech synthesis in a JS environment and want to keep it lightweight and self-hosted, give it a try.
To view or add a comment, sign in
-
🚀 New Blog Posted... Hello Developers 🖐, We often start learning JavaScript by writing code, but many struggle to truly understand what happens behind the scenes. So I wrote a beginner-friendly article explaining the core building blocks of JavaScript: • Variables • Data Types • Scoping • var, let, and const In this article, I break down these concepts in the simplest way possible with visual explanations and practical examples so beginners can understand how JavaScript actually works under the hood. If you're starting your JavaScript journey or revising fundamentals, this will help. 🗒️Read the full article here 👇 : https://lnkd.in/ge26UnkM Feedback from fellow developers is always welcome. Thanks to my mentors for the community & support. Hitesh Choudhary Anirudh Jwala Akash Kadlag Piyush Garg #chaicode #JavaScript #WebDevelopment #Programming #Coding #FrontendDevelopment #LearnToCode
To view or add a comment, sign in
-
🚀 Currently building a To-Do App using Django! Here’s what I’ve implemented so far: ✅ Created a Task model in Django ✅ Built the frontend using HTML, CSS, and Bootstrap ✅ Displaying all tasks on the dashboard ✅ Added a Completed Tasks section Next step: 1.Implementing the Add Task feature from the input field in the nex few days. 2. Implemente“Mark as Done” to move tasks to completed tasks section Still improving the project as I continue learning Django. 🔗 GitHub: https://lnkd.in/dJypyWh3 #Django #Python #WebDevelopment #BackendDevelopment #LearningInPublic
To view or add a comment, sign in
-
-
Smeagol/Gollum = Javascript Javascript has two personalities. One is nice and helpful with easy syntax, DOM manipulation, and runs everywhere. The other? Dark, confusing, and unpredictable. Gandalf = Python Python is versatile, well respected, easy to work with, and incredibly powerful, regardless of whether it's fighting a Balrog or building a machine learning model. Aragorn = Rust Aragon is the future of kings and modern leadership in the same way Rust is the future of programming languages — preserving tradition to an extent but fixing problems that existed in older languages. Our engineers came up with these comparisons between programming languages and Lord of the Rings characters. Which LOTR characters do you think the programming languages would be and why? Repost and drop your take below! #engineering
To view or add a comment, sign in
-
-
It seems there’s value in trying to understand previously written code and make it more efficient. (Especially utilizing #JavaScript in #ReactJS to break up repetitive code and use logic to handle the components. But sometimes it seems easier to start from scratch, and try to understand the code that way, by completely rewriting it, forcing oneself to think through it again, perhaps in a new way (multiple ways to do same thing). I wonder which approach is better for deeply learning/practicing a programming language, and also which is more common in a typical professional industry (probably the former, but new applications have to be built too — unless they’re always built on top of existing codebases). More updates on these processes to come while continuing to document the journey with JavaScript, #Python, and other languages/technologies such as #Jest, different APIs, and performing CRUD operations for #fullStack projects.
To view or add a comment, sign in
-
-
📌 Learning JavaScript – Understanding Arrays Today I practiced one of the most important concepts in JavaScript: Arrays. In this short demo, I created an array and used JavaScript to access and display its elements step by step. Arrays allow us to store multiple values in a single variable and retrieve them using indexes. 💡 Key points covered: • Creating an array • Accessing array elements using index numbers • Displaying values using document.write() • Understanding how indexing works in JavaScript Practicing small concepts like this helps build a strong foundation in programming. I’m currently improving my JavaScript and data-handling skills as part of my learning journey in tech. #JavaScript #WebDevelopment #CodingJourney #LearningInPublic #ProgrammingBasics
To view or add a comment, sign in
-
👉 Deep Learning with Python 🔹Follow ABDUL REHMAN ♾️ for insightful and premium contents on web development & programming! ❤️ Like 🔁 Repost 💬 Comment your thoughts Credits: Nikhil Ketkar Start learning web development at top-notch platforms like w3schools.com, JavaScript Mastery #programming #javascript #webdevelopment #webdesign #html #css #codewithalamin #reactjs #webdeveloper #frontend
To view or add a comment, sign in
-
Today I learned about static files in Django. In a Django project, the static folder is used to store files like CSS, JavaScript, and images that help with the design and functionality of the website. To use static files, we need to configure them in the settings.py file: STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ] After setting this up, we can easily load CSS, JS, and images in our templates. Slowly building my understanding of Django step by step. #Django #Python #WebDevelopment #Fullstackdeveloper
To view or add a comment, sign in
-
Building the Web with Python Web development today is not just about creating websites — it’s about building smart, scalable, and efficient digital solutions. Python has become a powerful force in modern web development. With frameworks like Django and Flask, developers can create secure, high-performance web applications faster than ever. Why Python for Web Development? ✔ Clean and readable code ✔ Rapid development capabilities ✔ Strong backend performance ✔ Seamless integration with AI & data-driven features ✔ Scalable architecture for real-world applications From dynamic websites to full-stack platforms, Python makes it possible to turn complex ideas into functional systems. As I continue growing in web development, Python remains one of the most reliable tools for building impactful solutions. Excited to keep learning, building, and innovating. #Python #WebDevelopment #BackendDevelopment #SoftwareDevelopment #FullStackDevelopment #CodingJourney
To view or add a comment, sign in
Explore related topics
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development