WebDevPro #21: ChatGPT Chrome Extensions, JavaScript Iterators, CodeGlossary, ReactJS UI Components Libraries.
Hi,
Welcome to the _webdevpro! We start with community discussions on Chrome Extensions for ChatGPT, JavaScript Iterators for Effortless Code, ExpressoTS, CodeGlossary and 5+ ReactJS UI Components Libraries,
In our tutorial, we cover Managing Django Users and Group from the book Web Development with Django - Second Edition to boost your Web development game. Don't miss our repository of ChatGPT resources - a weekly module covering trending ChatGPT tools. We also bring you the latest in Web Dev, with releases from Laravel, Microsoft and Spring to help you keep up to date!
Don't miss the Put Generative AI to Work conference hosted on the 11th to 13th of October!
We have listened to the _webdevpro readership and we think this is something you have been searching for. If you liked this installment in our new series, fill in our survey below and win a free Packt credit. We're committed to bringing our readers exactly what they want, so help us make the right choices.
Take the Feedback Survey and Get Free Packt Credit!
Thanks,
Apurva Kadam
Editor-in-Chief, Packt
Packt Conference - Put Generative AI to Work
Register Now at Early Bird Discounted Rate!
*Free eBook access: Modern Generative AI with ChatGPT and OpenAI Models
Web Dev Community Insights
A first project with ExpressoTS - ExpressoTS is a new developer-friendly TypeScript framework for Server-Side Applications. It's currently built on top of Express, two different project structure supported (opinionated and non-opinionated version), supports MVC, non MVC, architecture. This blog is a guide to set up your first project in ExpressoTS.
The Best 4 Free Chrome Extensions for ChatGPT in 2023 - ChatGPT technology has integrated natural language processing into Chrome extensions, making web browsing and communication more efficient. In this post, we will introduce four of the best ChatGPT Chrome extensions that can help you have intelligent conversations.
Iterate Like a Pro: Mastering JavaScript Iterators for Effortless Code - If you've ever found yourself working with data collections and wondered if there's a more efficient and elegant way to navigate them, you're in the right place. In this blog post, we'll embark on a comprehensive exploration of JavaScript iterators. Read now.
Introducing CodeGlossary: Your Go-To Resource for Programming Terminology - Are you tired of getting lost in a sea of programming jargon? Do you sometimes find yourself struggling to understand the meaning behind complex coding terms? Well, worry no more! We're thrilled to introduce you to CodeGlossary, your new best friend in the world of programming terminology.
Top 5+ ReactJS UI Components Libraries for 2023 - As we step into 2023, the demand for exceptional user experiences has never been higher, propelling the need for ingenious UI component libraries that harness ReactJS's capabilities to the fullest. In this article, we will take a look at the top 5+ ReactJS UI Components Libraries, so let's begin.
WebDev GitHub Resources
ChatGPT is still trending and the resources and tools to make the most out of this LLM are just getting better with every passing day! So starting today, WebDevPro will highlight ChatGPT resources through a week-on-week ChatGPT series. Here some CLI tools that you might use:
Assistant CLI - Use ChatGPT from the command-line.
SearchGPT - Connect ChatGPT with the Internet.
chatgpt-conversation - Have a conversation with ChatGPT.
CLI for ChatGPT - Interactive interface for ChatGPT.
chat-gpt-ppt - Automatically generate PowerPoint presentations.
StackExplain - Have your error messages explained in plain English.
clevercli - ChatGPT-powered command-line utilities.
README-AI - Automatically generate README files.
aicommits - Automatically generate Git commit messages.
happycommit - Automatically generate Git commit messages.
commit-assist - Automatically generate Git commit messages.
cz-git - Automatically generate Git commit messages.
ai-commit - Automatically generate conventional Git commit messages.
gptcommit - Git hook for authoring commit messages.
Tell us what you think!
We're always looking for ways to improve, and your feedback is invaluable to us. Would you take a few minutes to share your thoughts about the newsletter? Your responses will help us make the newsletter even better.
Provid feeedback through this survey, complete the questionnaire and receive a free credit in your Packt account!
Interested in Giving Us Feedback?
Web Development Tutorial
Managing Django Users and Groups
Django’s authentication model consists of users, groups, and permissions. Users can belong to many groups, which is a way of categorizing users. It also streamlines the implementation of permissions by allowing permissions to be assigned to collections of users as well as individuals.
What will happen when the number of users grows? Will the admin user be able to manage 100 or 150 users at once? As you can imagine, this can be quite a complicated task. To overcome this, we can give elevated permissions to a certain set of users, and they can help ease the admin’s tasks. And that’s where groups come in handy.
Exercise 4.02 – adding and modifying users and groups through the admin app
In this exercise, we will grant a certain level of administrative access to one of our Bookr users, Carol. First, we will define the level of access for a group, and then we will add Carol to the group. This will allow Carol to update user profiles and check user logs. The following steps will help you implement this exercise:
Visit the admin interface at
http://127.0.0.1:8000/admin/and log in asbookradminusing the account set up with the superuser command.In the admin interface, follow the links to Home | AUTHENTICATION AND AUTHORIZATION | Groups:
The Groups and Users options on the AUTHENTICATION AND AUTHORIZATION page
Use ADD GROUP + in the top right-hand corner to add a new group:...read more.
Read the 'Web Development with Django - Second Edition' book now!
WebDevPro Spotlight
A practical and rich companion guide for web developers, offering real-world situations and use cases to learn Flask
Get the most out of the powerful Flask framework while preserving the flexibility of your design choices
Write cleaner, testable, and maintainable code with the help of sample apps
Squarespace from Signup to Launch
Use a hands-on approach and professional insights to design a custom website on Squarespace 7.1 and Fluid Engine
Launch a website on your domain with features like commerce, member areas, blogging and scheduling
Grow your audience with a mobile-optimized website you can own, edit, and update
What's Happening in Web Dev?
jQuery
jQuery 3.7.1 Released: Reliable Table Row Dimensions - jQuery 3.7.1 has been released! This release fixes a regression from jQuery 3.6.0 that resulted in rounded dimensions for <tr /> elements in Chrome and Safari.
Laravel
Laravel 10.21 Released - This week, the Laravel team released v10.21 with new string helper methods, countable failed job providers, improved HTTP pool return type, and more.
Microsoft
Safely use secrets in HTTP requests in Visual Studio 2022 - In the 17.8 Preview 1 version of Visual Studio 2022 we have updated the HTTP file editor to enable you to externalize variables to make testing your Web APIs across different environments easier.
Spring
Spring Boot 3.2.0-M2 available now - Spring Boot 3.2.0-M2 has been released and is now available fromhttps://repo.spring.io/milestone. This release includes 132 enhancements, documentation improvements, dependency upgrades, and bug fixes.
See you next week!






