WebDevPro #19: LLM with LangChain Agents, GitHub Stars Playbook, Web frameworks as superheroes and WebAssembly's relevance.
Hi,
Welcome to the _webdevpro! We start with community discussions on LLM with LangChain Agents, GitHub Stars Playbook, Web frameworks as superheroes and WebAssembly: byte-code of the future.
In our tutorial, we cover Template styling with Bootstrap 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!
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
See your Risk and Compliance Status Without Sifting through Spreadsheets!
Eliminate manual control testing and see your compliance status at all times—giving you peace of mind and saving you time. With 450+ 5-star G2 reviews, you’ll see why 2,500+ customers choose Drata to automate compliance for SOC 2, ISO 27001, and more. Want to see automation in action? Book a demo and get 10% off and waived implementation fees.
Web Dev Community Insights
Tricks to build a Meetup.com clone with React in 30 minutes – In this tutorial, you will learn how to build a Meetup.com clone covering creating and joining online events as week as add comments under an upcoming event. You will also learn how to authenticate users with SuperTokens, communicate between a React and Node.js app, and send in-app notifications using the Novu Digest. Read more.
How To Supercharge Your LLM with LangChain Agents - LLMs are very capable to perform a lot of tasks that seem incredible to us, but they are bound by the borders of what Generative AI was originally meant to do: generate text based on the data it has been trained on. To give our LLMs the powers they are missing to be truly powerful for us, we can use Agents. Explore how to use agents to boost LLMs here.
The Playbook for Getting More GitHub Stars - There are several repeatable actions that have been effective in growing traffic and star count. This blog outlines some of the most effective tactics in one place. These tactics will be helpful as you launch and grow your own open-source projects. Learn the playbook now.
WebAssembly: byte-code of the future - Ever since Netscape launched JavaScript, there were some developers that liked it and others that didn't. Regardless of which side you're on, I think we can all agree that it would be good if browsers supported more programming languages. This is the promise of WebAssembly: Providing a generic runtime that any programming language can compile to. Checkout what WebAssembly has to offer here.
We asked AI to imagine web frameworks as superheroes - Welcome to a world where web development meets superhero fandom! It's no secret that building websites and applications can seem like a formidable task, similar to combating arch-nemeses on a daily basis. That's why we've turned to the amazing AI tool, Midjourney, to visualize our favorite web frameworks as superheroes. Find out the result here.
Complementing exceptions - Introducing monads for error handling in Ruby - Have you ever considered your approach to handling exceptions? In contemporary programming languages like OCaml, Rust, Elm, Haskell, and Go, there exists an alternative approach that is contrary to exceptions. Essentially, errors are treated as values, and we manage them as regular variables using constructs like match statements or simple if statements. In this article, we will delve into the implementation of this technique using the dry-monads gem. Learn how!
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 user scripts that you might use:
ChatGPT Exporter - Export and share ChatGPT conversation history.
KeepChatGPT - Fixes common networks errors and problems with ChatGPT.
ChatGPT Widescreen Mode - Adds widescreen and fullscreen mode to ChatGPT.
Autoclear ChatGPT History - Auto-clear ChatGPT conversation history for increased privacy.
ChatGPT Auto Refresh - Keeps ChatGPT sessions fresh to avoid network errors and Cloudflare checks.
DuckDuckGPT - Brings the magic of ChatGPT to search results.
ChatGPT Infinity - Makes ChatGPT automatically answer random questions to increase your knowledge.
ChatGPT Auto-Continue - Automatically clicks "Continue generating" when responses are cut off.
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
Template styling with Bootstrap
We have seen how to display all the books using views, templates, and URL mapping. Although we were able to display all the information in the browser, it would be even better if we could add some styling and make the web page look better. For this, we can add a few elements of Bootstrap. Bootstrap is an open source Cascading Style Sheets (CSS) framework that is particularly good for designing responsive pages that work across desktop and mobile browsers.
Using Bootstrap is simple. First, you need to add Bootstrap CSS to your HTML. You can experiment yourself by creating a new file called example.html. Populate it with the following code and open it in a browser:
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,
initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href=
"https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/
css/bootstrap.min.css" integrity="sha384-
Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9M
uhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
Content goes here
</body>
</html>The Bootstrap CSS link in the preceding code adds the Bootstrap CSS library to your page. This means that certain HTML element types and classes will inherit their styles from Bootstrap. For example, if you add the btn-primary class to the class of a button, the button will be rendered in blue with white text.
Try adding the following between <body> and </body>:
<h1>Welcome to my Site</h1>
<button type="button" class="btn btn-primary">
Checkout my Blog!</button>You will see that the title and button are both styled nicely, using Bootstrap’s default styles:
Display after applying Bootstrap
This is because in the Bootstrap CSS code, it specifies the color of the...read more.
Read the 'Web Development with Django - Second Edition' book now!
What's Happening in Web Dev?
Laravel
Laravel 10.19 Released - This week, the Laravel team released v10.19 with a collection percentage method, custom event discovery class resolution, dynamic queue listener delay, and more:
Microsoft
Visual Studio 2022 – 17.7 Performance Enhancements - Visual Studio 2022 17.7 introduces a set of exciting performance improvements that cater to key areas like F5 Speed, Enhanced Light Bulb Performance in C#, improved memory consumption in C# spell checker, C++ Unreal Engine – IntelliSense optimization, Solution Explorer, Find in Files and much more.
Spring
Spring Modulith 1.0 RC1 released - In preparation for the GA release next Monday, we have just shipped 1.0 RC2 of Spring Modulith. We took the chance to fold in some feedback regarding some tiny inconsistencies that would've been inconvenient to fix post 1.0 GA.
See you next week!