tag: javascript

  • Fixing the like_post view and associated JavaScript in Django Boards

    Fixing the like_post view and associated JavaScript in Django Boards

    Maria D. Campbell

    In this post, I discussed the errors I encountered in the initial like_post view and associated JavaScript code for my Django Boards application. Then I went through the process of fixing each. I ended up going with the emoji implementation in the like_post view and like/unlike button JavaScript code because I liked how it looks.

    #fullstack development, #django, #python3, #series, #javascript

  • Storage Fun with Forms Original vs Rebuilt: A Comparison

    Storage Fun with Forms Original vs Rebuilt: A Comparison

    Maria D. Campbell

    In this post, I compare the original Storage Fun with forms with the rebuilt one created with the help of Claude AI.

    #macOS, #coverage, #istanbul, #jasmine standalone, #javascript, #tests, #unit testing, #vanilla template, #vite, #vite config, #vitest

  • Storage Fun with Forms Rebuilt: A Modern Pass with Claude Table of Contents

    Storage Fun with Forms Rebuilt: A Modern Pass with Claude Table of Contents

    Maria D. Campbell

    A table of contents of all posts in the Storage Fun with Forms rebuild series, covering Vite setup, Vitest testing, modularization, and a side-by-side comparison with the original build.

    #macOS, #coverage, #istanbul, #jasmine standalone, #javascript, #rolldown, #series, #tests, #vanilla template, #vite, #vite config, #vitest, #unit testing

  • Storage Fun with Forms Rebuild: Testing the Code

    Storage Fun with Forms Rebuild: Testing the Code

    Maria D. Campbell

    Learn how to test your JavaScript code with Vitest and how to add code coverage to your vanilla JavaScript project using Istanbul and what it means.

    #macOS, #coverage, #istanbul, #javascript, #series, #tests, #unit testing, #vanilla template, #vite, #vitest

  • Storage Fun with Forms Rebuild: Working through the Code

    Storage Fun with Forms Rebuild: Working through the Code

    Maria D. Campbell

    In this post, I set up the Storage Fun with Forms app to work with Vitest. But I come to realize that the code structure in main.js is not suitable for complete test coverage of the Storage Fun with Forms rebuild. I also realized that Jasmine tests did not translate in Vitest.

    #macOS, #tests, #vanilla template, #javascript, #series, #vite, #vitest

  • Storage Fun with Forms: Working through the Code

    Storage Fun with Forms: Working through the Code

    Maria D. Campbell

    In this post, I work through the Storage Fun with Forms JavaScript code and describe how I used Jasmine standalone to test for bugs.

    #macOS, #jasmine standalone, #javascript, #series, #tests, #unit testing

  • Storage Fun With Forms, Rebuilt: A Modern Pass with Claude

    Storage Fun With Forms, Rebuilt: A Modern Pass with Claude

    Maria D. Campbell

    Walk through a step by step process of creating a Vite project using the current latest version. This is the first part of a series on rebuilding Storage Fun with Forms.

    #macOS, #rolldown, #vanilla template, #vite, #javascript, #series, #vite config

  • How to create a fullstack application using Django and Python Part 24

    How to create a fullstack application using Django and Python Part 24

    Maria D. Campbell

    In this section, I add markdown functionality to the Post model, the reply_topic.html and topic_posts.html templates, and I implement ES6 modules to my JavaScript code.

    #fullstack development, #macOS, #django, #code refactoring, #es6 modules, #javascript, #markdown, #series

  • Building A Storage Fun With Forms App

    Building A Storage Fun With Forms App

    Maria D. Campbell

    Learn how to create this note-taking and getting app powered by local storage, the js color picker, Google Fonts, and deploy it to gh-pages.

    #archived, #color picker, #css, #scss, #historical, #html, #javascript, #local storage, #event handling, #try catch