kendawson

I think it's hard to enforce those rules in other countries (e.g. China or India)

I have a sample here: https://kendawson.online/swatch/ If you're unfamiliar with Swatch Internet Time, check this out: https://en.m.wikipedia.org/wiki/Swatch_Internet_Time The code is here: https://github.com/kendawson-online/swatch I'm still working on it, trying to turn it into a PWA (Progressive Web App) which can be used offline as well. Stay tuned. [Posted at @662]

Great! If you already have a language under your belt, learning front end stuff will be easier. I do a lot of PHP coding as well. Sometimes I know how to do something in PHP, but not Javascript. So, I'll ask Perplexity.ai and provide a sample PHP snippet of code and ask: "Is there a way to do this functionality in Javascript?" and it will provide sample code to test. I'm at a point now, where I want to focus on the logic of the code, and not get bogged down doing low-level UI stuff. That's where 3rd party libraries and frameworks like node.js or vue.js come in handy. My next big leap is to learn how to use these tools. I'm also looking into Socket runtime https://socketsupply.co/guides/ for networking my apps. Keep going with your coding! You'll get there.

Hi, You're welcome. I'm glad that the code was helpful. I wrote this code over a period of a few weeks (on and off). I would just work on it a little at a time. I started by studying the To Do List on the W3 Schools example. I liked it a lot. But, I wanted to make some changes. So, I began by downloading their code and then adding my own functions to it to make it do the things I wanted to see. I have also been learning Bootstrap so it was a good chance for me to practice with that too (e.g. layout and modal windows). I'm still around on the forums occasionally, but, I get busy with stuff. If you have any questions you can post them here and I'll try to help when I see it. Other people in the forum might chime in and help answer your questions too. Javascript, like any other skill, is something you learn over time and build on. When you are studying math, you can't jump right into advanced level mathematics and expect to know how to do it. You start with the basics (addition, subtraction, multiplication) and work your way up slowly. Each concept you learn builds on the previous concepts you've learned. Believe it or not, I knew almost nothing about Javascript or front-end UI development 3 years ago. I decided I wanted to learn how to do it and have worked my way through all the HTML / Javascript / CSS lessons on W3 Schools. I think that the trick is to just do it. Start off with some sample code. Then, keep working on that sample code and changing it until you get it to do what you want. Studying text lessons is great for overall knowledge and understanding. But, until you get your hands dirty and dive into the code, it won't make any sense. Once you start writing the code then the things you've read will make sense. "OH! So, that's why I can't do it this way! I get it now!" I am one of those people who is very anti-library and anti-framework. I don't really use Node.js or external 3rd party libraries. I try to do everything in HTML with vanilla Javascript. But, as I have gotten more advanced in my coding, I can see how certain things save time. (Example: Jquery, or Bootstrap, or 3rd party libraries like "Sortable.js"). I started writing the drag-and-drop functionality in my To Do List so that it works on mobile. But, it was very complex and taking a lot of my time. I eventually decided to look and found that Sortable.js already existed and worked well. So, I implemented it into my To Do List rather than writing all the code myself from scratch. But, try some ideas of your own! I would begin with the original example from here: https://www.w3schools.com/howto/howto_js_todolist.asp Make sure you understand how it's working. And what's going on with the code. Then, after you understand that, you can expand your knowledge to focus on things like "reading / writing to local storage", "working with JSON data", etc. I would start with one feature at a time though. Pick something you want the To Do List to do. (Example: "I want to be able to have categories for my To Do items") Then, start with the original HTML / Javascript / CSS and try to add that one feature. If you can do that, then you can add other features. But, just try to break it down to smaller components and focus on one thing at a time. Don't get overwhelmed by looking at everything all at once. There are also great AI tools like https://perplexity.ai out there you can use to help you find resources. I like to use AI tools like this to prototype apps. I describe my idea to the AI tool which generates a basic framework to start from. Then, I expand and improve on the code. But, be careful, because AI tools are not "smart" nor do they really understand things. You have to know enough about HTML / Javascript / CSS to know when the AI tool is making a mistake (or suggesting something that won't work). Use logic and deductive reasoning on your own and don't rely on the AI tool to do all the work for you. If it says something wrong -- tell it that it's wrong and ask it to fix the problem. Using tools like this, I am able to quickly go from idea to working code. Then, I just keep refining and improving it. Also, DON'T FORGET TO MAKE BACKUPS! I like to do a lot of iterations of my code. I have "test1", "test2", "test3", etc. Back up your work regularly so that if you accidently undo or break something you had that was working you can go back and find the back up copy and restore it. Sometimes my dev folders are a giant mess because I like to test a lot of different ideas. The best thing to do is create a new sub-folder and give it a descriptive name (e.g. "category-test"). Having a good dev environment makes things easier too. On my Windows 10 laptop, I'm running: 1. Uniform Server Zero (WAMP server) 2. Visual Studio Code I also prefer Chrome-based browsers (e.g. Vivaldi) for developing. But, I also test in Firefox and Microsoft Edge. I hope this helps? Good luck with your coding. Let me know if you have any specific questions about my To Do List code.

I think this is a great idea!

What kind of modules are you talking about?

Having a marketplace is a good idea. But, the market is pretty saturated. Some developers have luck selling things like WordPress themes and plugins. There are sites out there which allow you to sell code. But, there's so much plagiarism and theft that it's almost impossible to stop people from stealing your web code. As soon as you stop one person from doing it, 5 new ones pop up. I think that a lot of devs do good by offering free versions of their stuff to gain an audience and then sell your services to customize it for people who are unable (or unwilling) to do their own coding. I think a marketplace of available coders would be cool (like Fiverr). But, since web code isn't compiled, it's hard to stop people from stealing it and reselling your work as theirs. It seems like the money is in the customization of your code -- not the direct sale. Make it open source and then charge people to customize it.

Hi, Have you ever checked out "PWA Builder"? https://www.pwabuilder.com What you're building is a Progressive Web App (PWA).

The 'notice' you gave is for the W3C (World Wide Web Consortium) which is not connected to the W3 Schools. The W3C is an international public-interest non-profit organization that creates web standards.

Here's some info I found:

I'm assuming you already solved this issue by now? But, based on your question and your code, one possible solution might be something like this: <div id="btn1"> <div class="GNEPdpCTAButtonsB"> <a id="dynlink" class="btnPri" href="/dealerlocator@(brandParam)" target="_self">Where to Buy</a> </div> </div> <div id="btn2"> <div class="GNEPdpCTAButtonCEI"> <a class="btnPri" href="https://www.ceisupply.com/" target="_blank">Buy Direct on CEISupply.com</a> </div> </div> <script> // get the 2nd button DIV element and the dynamic anchor link (the one to change text on) const btn2 = document.getElementById('btn2'); const dynlink = document.getElementById('dynlink'); // extract brand from existing object (or read in JSON data and get brand value) const brand = object.brand; // if the brand is 'CEI' if (brand === 'CEI') { // hide the DIV which contains the second button btn2.style.display = 'none'; // change the text of the dynamic link to something different dynlink.innerText = 'Some New Link Text'; // change the dynamic link URL dynlink.href = 'https://somenewlink.com'; } </script>

I really liked the To Do List example found on W3Schools here: https://www.w3schools.com/howto/howto_js_todolist.asp I enhanced it by adding some new features: Save data to local storage in JSON format Allows users to backup their data (Import/Export JSON files) Allows users to edit & delete To Do List items Customizable List Name Customizable key name for local storage Customizable dates (locale setting) Built-in sample data which doubles as a help tutorial Supports URL parameters (e.g. index.html?foo=bar) even though it's not currently used in my app Uses Bootstrap for styling and icons and SortableJS for drag-and-drop sorting Responsive design for mobile devices You can view an online example of the app here: https://kendawson.online/list/ I also uploaded a copy to my W3Schools Spaces here: https://kendawson.w3spaces.com You can download source code from Github here: https://github.com/kendawson-online/todo/ Released under the MIT License. Feel free to use however you want. Feedback / bug-reports are appreciated. I have only tested on Windows 10 on Desktop / Laptop devices and also on Tablet / Phones running Android. If you want to report any bugs, please let me know which versions / OS / devices you're running on.

Hi, I like the layout of your blog. Very modern and clean looking. I also like the dark theme. Very nice!