Themis AI

themisai

💡 Introduction to Git and GitHub This is an open-source introduction to Git and GitHub guide that will help you learn the basics of version control and start using Git for your SysOps, DevOps, and Dev projects. No matter if you are a DevOps/SysOps engineer, developer, or just a Linux enthusiast, you can use Git to track your code changes and collaborate with other members of your team or open source maintainers. The guide is suitable for anyone working as a developer, system administrator, or a DevOps engineer and wants to learn the basics of Git, GitHub and version control in general. 🚀 Download To download a copy of the ebook use one of the following links: Dark mode Light mode 📘 Chapters About the book Introduction to Git Version Control Installing Git Basic Shell Commands Git Configuration Introduction to GitHub Initializing a Git project Git Status Git Add Git Commit Git Diff Git Log Gitignore SSH Keys Git Push Git Pull Git Branches Git Merge Reverting changes Git Clone Forking in Git Git Workflow Pull Requests Git And VS Code GitHub CLI Git Cheat Sheet Conclusion 🌟 Sponsors This book is made possible thanks to these fantastic companies! 💙 DigitalOcean DigitalOcean is a cloud services platform delivering the simplicity developers love and businesses trust to run production applications at scale. It provides highly available, secure, and scalable compute, storage, and networking solutions that help developers build great software faster. Founded in 2012 with offices in New York and Cambridge, MA, DigitalOcean offers transparent and affordable pricing, an elegant user interface, and one of the largest libraries of open source resources available. For more information, please visit https://www.digitalocean.com or follow on Twitter. @digitalocean If you are new to DigitalOcean, you can get a free $100 credit and spin up your own servers via this referral link here: Free $100 Credit For DigitalOcean 👩‍💻 DevDojo The DevDojo is a resource to learn all things web development and web design. Learn on your lunch break or wake up and enjoy a cup of coffee with us to learn something new. Join this developer community, and we can all learn together, build together, and grow together. Join DevDojo For more information, please visit or follow on Twitter. https://www.devdojo.com @thedevdojo 🕸️ Web Page A web page showcasing the eBook: Introduction to Git and GitHub website The web page was built using , a new `kick-ass` drag-and-drop TailwindCSS page builder! Tails DigitalOcean App Platform The will be hosted on the . DigitalOcean App Platform We will utilize the to deploy to the App Platform. "Deploy to DigitalOcean" Button 📹 Mini Video Course Coming soon 💻 Interactive training You can follow the interactive training online here: Interactive Git training The training was built with Katacoda. You can find the Katacoda repository . here For more information on how to use Katacoda make sure to follow the steps from this tutorial here: How to Use Katacoda to Create Highly Engaging Training Tutorials 👋 About the author My name is Bobby Iliev, and I have been working as a Linux DevOps Engineer since 2014. I am an avid Linux lover and supporter of the open-source movement philosophy. I am always doing that which I cannot do in order that I may learn how to do it, and I believe in sharing knowledge. I think it's essential always to keep professional and surround yourself with good people, work hard, and be nice to everyone. You have to perform at a consistently higher level than others. That's the mark of a true professional. For more information, please visit my blog at , follow me on Twitter and . https://bobbyiliev.com @bobbyiliev_ YouTube In case that you want to support me you can . Buy Me a Coffee here 🔥 PDF Generation Tool The project uses developed by . Ibis Mohamed Said Ibis is a PHP tool that helps you write eBooks in markdown. 🎨 Book Cover The cover for this ebook was created with . Canva.com If you ever need to create a graphic, poster, invitation, logo, presentation – or anything that looks good — give Canva a go. 🔗 Links My blog: https://blog.bobby.sh Free $100 Credit For DigitalOcean: https://m.do.co/c/2a9bba940f39 Join DevDojo: https://devdojo.com?ref=bobbyiliev Ibis: https://github.com/themsaid/ibis/ Canva: https://www.canva.com/ Tails: http://devdojo.com/tails Katacoda: https://www.katacoda.com/ 📖 Other books Introduction to Bash Scripting eBook 🤲 Contributing If you are contributing 🍿 please read the before submitting your pull requests. contributing file

Step-to-Step eBook to Learn the Git and GitHub Basics💡

How to protect your email on Office 365. There’s a constant threat to your organization. Email is one of the most common ways hackers attempt to breach your organization’s security. Over half of the messages received are spam, phishing campaigns, and malicious. Staying up-to-date with the latest email related threats isn’t an easy task. It’s virtually every company uses third-party email hosting with built-in spam protection or opts for third-party spam protection in front of on-premise servers. Like its competitors, Office 365 comes with built-in protection for your environment, Microsoft’s Information Protection team is staying up-to-date and evolving the email security of Office 365 to protect Microsoft customers from threats. The default configuration isn’t always enough to keep your organization secure and compliant. Why is Spam Still a Problem? Source: ICSI Despite years of combating spam, the campaigns are still relentless. To understand why there’s so much spam we have to ask, Since spammers typically work in the shadows it’s a difficult question to answer. Fortunately, the International Computer Science Institute (ICSI) performed an interesting and surprising . to determine how successful these campaigns truly are. By redirecting the botnet to a fake pharmacy website and throwing an error instead of completing a purchase the ICSI was able to provide insight into the spam plague that has troubled us for so long. How successful is a spam campaign? study The ICSI hijacked an existing botnet By emailing 200 million email addresses the fake pharmacy site led to over 10,000 people visiting the site with 28 purchases. This would have led to almost $9500 a day in sales. What’s Phishing? “Phishing is a cybercrime in which a target or targets are contacted by email by someone posing as a legitimate institution to lure individuals into providing sensitive data such as credit card details and passwords. The information is then used to access important accounts and can result in identity theft and financial loss.” — phishing.org 30% of phishing messages get opened by targeted users and 12% of those users click on the malicious attachment or link. — verizon.com How a Phishing Attack Affected U.S. Elections In September of 2015, the FBI contacted the Democratic National Committee (DNC) to inform them that at least one of their computers has been compromised and sending information to Russian based computers. Six months later a campaign chairman receives a phishing email masked as a fake alert stating another user attempted to breach his account and he needs to change his password. The DNC chairman clicks the link that directs his browser to a fake website where he types in his password giving Russian hackers access to his account. The average cost of a phishing attack for a mid-sized company is $1.6 million. On July 22, 2016, WikiLeaks posts emails that were stolen through the phishing attack. For weeks, the emails consumed the media. No one can say for certain how much the phishing attack affected the election but the damage was done. What is Malware? Malware is any form of malicious code that is often distributed via email. It can be distributed using a direct attachment, stored in a Word or PDF document, or can be downloaded once a person clicks a link in an email. The 1st Email Virus In January 1999, a new threat emerged. Codenamed Happy99, it was one of the first known viruses spread through email. The malicious code would attach itself as an email attachment and send an email with fireworks saying Happy New Year. Unknown to the user, the code would install itself on the computer and begin spreading again. Unlike today, the Happy99 virus wouldn’t do anything other than send itself to the next computer. Today, malicious code is used to steal identities, financial information, and other private corporate information. How is Spam Detected in Office 365? Office 365 uses a multi-layered spam protection system. Every email is scanned using a number of different algorithms to detect and block unwanted messages. Content Filters Source: Microsoft Content filters are used to detect words and phrases that are known to be related to spam. It’s a constant struggle because content continues to change. Microsoft handles the content filtering behind the scenes but you can create a transport rule in EOP to add words and phrases your company would like to block. See the section “Custom Content Filtering in Office 365” below to customize your tenant. Connection Filters Screenshot of EAC Connection FIltering Customizations Connection filters block emails from known bad IP addresses. Spammers will typically use botnets and hijack legitimate companies to send spam. Microsoft will detect an IP address that has an infected device and immediately blocks the bad email from your organization. Once the issue is resolved by the sender, Microsoft will remove the IP address from the block lists and allow email to reach the destination. Additionally, your organization can add IP addresses to a block list or allow list from the EAC. See the section “Custom Connection Filtering” below to customize your tenant. Domain Filtering A domain is the second part of your email address, everything after the @ symbol. For example, the domain of john.gruber@gitbit.org is gitbit.org. Domain filtering is a broad term used to determine the authenticity of the email senders. If a particular domain continues to send unwanted or malicious emails, the entire domain may be blocked. Microsoft uses a number of complex algorithms to determine the validity of a domain. For example, many spammers will create a new domain and immediately start sending spam and malicious code. Since most organizations are established and have had an email system for years, Office 365 is more likely to block an email from a new domain. At the same time, using ‘fuzzy-match’ technology Microsoft will review the sender’s domain for suspicious activity. If someone sends an email from micros0ft.com (a zero replaces the O) it will be blocked. See the section “How to Whitelist and Blacklist Senders as Spam” below to customize your tenant. SPF / Spoofing Protection Technically, SPF filtering could be part of the domain or connection filtering based on how it works. In short, a hacker can send an email from their computer and set the from address to another. While the email will appear legitimate it can be sent from another location. To put this in real-world terms, imagine receiving a letter with your mom’s name and address in the return address field. You would immediately assume the letter originated from your mom but in reality, anyone could have sent the letter. An organization can and should configure an SPF record from each domain they own. For example, if I send email from the IP address 1.1.1.1 using my gitbit.org domain I should create a TXT record to inform the world that 1.1.1.1 is the only IP address that is allowed to send gitbit.org email. // Example SPF record
v=spf1 ip4:1.1.1.1/32 Office 365 automatically reviews SPF records of anyone that sends you an email to keep your organization safe. You’ll need to configure the SPF record for your organization when migrating to Office 365 to help protect your outbound email as well. Microsoft will verify your SPF record after you add it to the Office 365 tenant. I haven’t added a section on how to set up your SPF record. Microsoft provides some assistance to their customers but I recommend asking a professional if you haven’t managed SPF records before. Reputation Filtering Bulk emails are a bit different than spam. A bulk email is typically a newsletter or an offer from organizations that you know. They usually appear in your inbox after signing up for a new website. Source: Microsoft Channel 9 Some users want bulk email while others don’t. Microsoft uses a feedback loop to know when to block bulk emails. If Microsoft receives a certain amount of complaints they will start to block a bulk message. See the section “Spam and Bulk Actions” and “Adjusting the Reputation Filter” below to customize the reputation filtering for your organization. Malware / Attachment Filtering Screenshot of EOP’s Malware Policies Malware filtering is fairly straightforward. Microsoft will scan and block emails that contain known malware or suspicious code. “Using multiple anti-malware engines, EOP offers multilayered protection that’s designed to catch all known malware. Messages transported through the service are scanned for malware (viruses and spyware). If malware is detected, the message is deleted.” — Microsoft You can customize the attachment filter by blocking and allowing certain types of attachments. For example, most organizations don’t need VBS files so you may want to add it to your blocked attachment list. Microsoft does block the most dangerous attachments from your organization out of the box. See the section “Protecting Office 365 from Malicious Attachments” below to customize the reputation filtering for your organization. Defending an Organization from Email Threats Microsoft has designed Office 365 to support all verticals and organizations. Since every organization’s requirements are different, Microsoft has provided a number of customization options to help you tailor your tenant to your specific needs. Most of these customizations are configurable using the . Exchange Admin Center (EAC) Accessing the Exchange Admin Center Most of the customizations are provided through the Exchange Admin Center (EAC). Only administrators will be able to find and change options so be sure the account you use to log in is an admin in your Office 365 tenant. Go to https://outlook.office365.com/ecp Login with your admin credentials. Customizing Office 365 SPAM Filtering Customizing the SPAM filtering can be done from . EAC > protection > spam filter Screenshot of Office 365 Exchange Admin Center spam filter Typically, there is only one policy used across the organization called default. Double-clicking the policy will open the spam filter options window. The spam settings cover a number of options included reputation filtering, block/allow email or domain, and other advanced options. Spam and Bulk Actions The second tab in the spam filter options window gives the most common and broad setting adjustments. These settings are used to customize the reputation filtering for your organization. screenshot of Office 365’s spam and bulk actions What should happen to spam/bulk email? The first section gives you options on how to handle spam. Microsoft classifies a message as good, spam, and high confidence spam (meaning Microsoft is quite sure it’s spam). By default, spam/bulk email will appear in a users junk folder. Another common option is to move the messages to the . Quarantined messages won’t be delivered to the user’s mailbox. Instead, they’ll be moved to a special place only accessible by administrators. Currently, the quarantine is located in . An administrator will need to release an email from the quarantine prior to the user seeing the message in their mailbox. quarantine EAC > protection > quarantine Adjusting the Reputation Filter Some organizations prefer more bulk emails to arrive in the junk email folder while other organizations would prefer bulk email to arrive in the inbox. Microsoft uses a rating system of 1–9. Nine meaning Microsoft is confident it’s unwanted bulk email while one means it’s probably a good email. Screen to adjust Office 365’s spam confidence level You can adjust the bulk email rating for your organization to meet your needs. How to Whitelist and Blacklist Senders as Spam The next two tabs (block lists, and allow lists) allow you to define your organizations black and white lists. Whitelisting an email address or domain will allow all mail from the sender through the spam filter. Microsoft refers to the whitelist as Allow List. If you are having difficulty receiving emails from a person or partner that you trust you can add their email addresses or domains to the allow list. Blacklisting an email address or domain will block all mail from the sender through the spam filter. Microsoft refers to the blacklist as Block List. If you’re receiving a lot of spam from a particular company or person you can add them to the block lists. In the screenshot below I’ve marked all email from marketing@contoso.com as spam. Any other email from contoso.com users will travel through the standard spam filtering policy. I’ve also marked all email from the gmail.com domain as spam. The gmail.com policy will mark any email that comes from someone using Gmail as spam. screenshot of Office 365 block lists A lot of CRM systems, forms, and third-party tools will have emails caught in the spam filters. To make sure people receive the emails to their inbox you should add them to the allow list. In the screenshot below I’ve added website-forms@themisdigital.com to the allow list. This will verify all of my email forms from website-forms@themisdigital.com go directly to a person’s inbox even if Microsoft thinks the email is spam. I’ve also added fabrikam.com to my allow list as a domain. Fabrikam is a fictitious organization I partner with so I’ve verified any emails that come from this domain will arrive at my users’ inbox. Protecting Office 365 from Phishing Attacks Phishing attacks are one of the most dangerous and difficult attacks to protect your organization. The best way to protect your organization from phishing attacks is by training and testing your users. Below is a quick list of things your users should know to help protect against phishing attacks: Don’t trust the Display Name in the sender information. Review the email address. Check the from address carefully. Verify the letter o isn’t replaced with zeros, etc. Don’t trust an email because it has your name or other personal information on it. A lot of information is available through social media and online that may be used to give you false confidence. Hover over links to verify the link is going to the correct URL. When in doubt, don’t click a link. Instead, go directly to the company’s website and log in. Ask the IT department to verify the email prior to taking any action. Protecting Office 365 from Malicious Attachments Out of the box, Microsoft will scan and block emails with attachments that fail a virus check. You can add extensions that you want to block to help keep your organization secure. For example, “.VBS” files are Visual Basic Script files that can be used to pass malicious code through email. Since most organizations will never receive a good VBS file through email it’s a safe bet to block them from entering your organization. Customizing the attachment filtering can be done from the . Double click the policy to view your options. EAC > protection > malware filter Default Screenshot of Office 365 Exchange Admin Center malware filter From the tab, you can enable which will block dangerous file types. Once turned on you can add and remove file types to customize the malware filter for your organization. settings Common Attachment Types Filter screenshot of Office 365’s Common Attachment Types Filter Custom Content Filtering in Office 365 Content filtering is difficult to customize. It’s easy for spammers to change the wording or your IT staff may get too aggressive and block good messages. “Viagra” can typically be blocked in most organizations and it’s common for spammers to send emails about Viagra. To block content we can create a transport rule: EAC > mail flow > rules > plus sign (+) > Create a new rule… Create a rule with the following settings: Name: Block Content (or anything you want) Apply this rule if…: The subject or body includes. Add the word viagra to the list of words. Do the following… Delete the message without notifying anyone. Save your new rule. Transport rules can take up to an hour to take effect. If you click you’ll have a number of other options. After clicking more options you can update the selection with . Doing so will provide the sender with a detailed error so they know to remove the word. More options… Do the following… Reject the message with the explanation Custom Connection Filtering Connection filtering is fairly straightforward. You can allow or block IP addresses through your SPAM filter. To access the connection filtering go to . EAC > protection > connection filter > double-click Default Office 365 Connection Filtering From the connection filtering tab, you add the IP address or range to the filters. Microsoft also provides the ability to enable or disable the “safe list”. The safe list is a range of IP addresses that Microsoft knows are used by safe senders. Any changes may take up to an hour to take effect. There are more options that I haven’t covered. If you’d like to more about a particular feature please let me know in the comments. Thanks,

Introduction to Email Threats & Defense

Advancing the Detection of Ultralight Vector Dark Matter through Novel Analytical Strategies

How Build Your Own AI Confessional: How to Add a Voice to the LLM

কীভাবে আপনার নিজের এআই স্বীকারোক্তিমূলক তৈরি করুন: কীভাবে এলএলএম-এ একটি ভয়েস যুক্ত করবেন

So bauen Sie Ihren eigenen KI-Beichtstuhl: So fügen Sie dem LLM eine Stimme hinzu

Cómo construir su propio confesionario de IA: cómo agregar una voz al LLM

Comment créer votre propre confessionnal d'IA : comment ajouter une voix au LLM

अपना खुद का AI कन्फेशनल कैसे बनाएं: LLM में आवाज़ कैसे जोड़ें

独自の AI を構築する方法 告白: LLM に声を加える方法

자신만의 AI 고백을 구축하는 방법: LLM에 음성을 추가하는 방법

Como construir seu próprio confessionário de IA: como adicionar uma voz ao LLM

Как создать свою собственную исповедь искусственного интеллекта: как добавить голос к LLM

Kendi Yapay Zeka İtirafınızı Nasıl Oluşturabilirsiniz: Yüksek Lisans'a Ses Nasıl Eklenir?

Cách xây dựng chuyên gia AI của riêng bạn: Cách thêm tiếng nói vào LLM

如何构建自己的 AI 忏悔室：如何为法学硕士 (LLM) 添加声音

114 Stories To Learn About Btc

Emphatic words must stand in emphatic positions

No. Thank you and goodbye. Ok, first off, I apologize for the click-bait style title. Every now and then, when I get an idea for a demo, it doesn't work. But , it doesn't work out in a fun and interesting way, and I figure it's a good idea to share it anyway. (Also, there's always the chance that it didn't work out because I did something wrong!) Today's demo is a perfect example of that, I think. sometimes strong Earlier this year, I built a using Alpine.js and the quite excellent . Yesterday, I was thinking about the game, and I wondered - what would happen if I used generative AI to ask for help when playing it? So, for example, I went to and saw this: Blackjack game Deck of Cards API my game In Google's PaLM Makersuite app, I wrote: I'm playing blackjack and the dealer has a six of diamonds showing. I've got a jack of clubs and a jack of hearts. Should I hit or should I stay? And got this response: You have 20, which is a good hand. The dealer has 16, which is below the average. If you hit, you risk getting a card that will bust you. So it's better to stay and hope that the dealer busts. Which, ok, is pretty obvious. You would never hit with two Jacks. But I loved the descriptive response that reinforces the principles of the game. I thought - what if I added a button to the game that lets you ask GenAI for help? Here's how I did it: The Front End On the front end, I kept the UI changes pretty minimal. I began by adding a simple button: Clicking this needs to do two important things. First, it needs to 'translate' the game state into a prompt; then, it needs to pass this to a service that will handle the call. I created a new function, , that handles it: gen AI askForHelp async askForHelp() {
	this.aiHelp = '<i>Asking our AI friend...</i>';

	// first, "translate" the cards to English
	let q = `I'm playing blackjack and the dealer currently has ${this.pcCards[1].value} of ${this.pcCards[1].suit.toLowerCase()}. I've got a ${this.playerCards[0].value} of ${this.playerCards[0].suit.toLowerCase()} and a ${this.playerCards[1].value} of ${this.playerCards[1].suit.toLowerCase()}. Should I hit or should I stay?`;
	console.log(q);

	let resp = await fetch(`https://eo8dkukowewth66.m.pipedream.net?text=${encodeURIComponent(q)}`);
	let help = await resp.json();

	/*
	note that help has line breaks and stuff in and in theory
	we should map to br or something, but im fine ignoring.
	*/
	this.aiHelp = '';
	alert(help);
}, I store the player and PC cards in two variables that contain an array of cards representing their hands. Each card has a 'value,’ which is either a number or a name, like Jack. Each card also has a suit. In theory, that's probably not critical information, but I figured it couldn't hurt. Here's an example prompt generated by a game: I'm playing blackjack and the dealer currently has 8 of clubs. I've got a 7 of spades and a QUEEN of hearts. Should I hit or should I stay? This is passed off to my backend service (more on that in a second), and the result is then displayed in a JavaScript alert, which is 100% horrible UX, but as this was an experiment, I figured it was good enough. If you're curious, this is what the response was: Stay. You have a total of 17, which is a good hand. The dealer's 8 is not a high card, so you are unlikely to lose if you stay. The Back End For my back end, I whipped up a quick workflow. My workflow consisted of literally just three steps. Pipedream The first is my trigger, an HTTP endpoint. You can see the URL in the front-end code above. The second step is the built-in Google PaLM API action. All I had to do was tell it what to use for a prompt: {{steps.trigger.event.query.text}} My final step simply returned the result: export default defineComponent({
  async run({ steps, $ }) {
    await $.respond({
      status: 200,
      headers: {
        "Content-Type":"application/json"
      },
      body: JSON.stringify(steps.generate_text.$return_value[0].candidates[0].output),
    })
  },
}) Time to Win, right? So... yeah. My first few tests worked great, and then... things went off the rails. Here's an example. The dealer had a seven of hearts. I had a queen of spades and an eight of diamonds. When I asked for help, I got: The dealer's upcard is 7, which is a "hard" 17. That means that the dealer must stand regardless of what you do. You have a "soft" 19, which means that you have an ace that can count as either 1 or 11. You should stay. Ok, sure, I stay, but what in the actual frak? I have 19? The dealer has 17? And it gets better. Once when I had 18 showing, I got the following: should I would recommend hitting. With a total of 18, you are only one point away from 21, which is the winning hand in blackjack. The dealer's seven of hearts gives them a total of 17, which is below the 21 threshold. Therefore, there is a good chance that the dealer will bust if they hit, which would give you the win. However, if you stay, you will not be able to improve your hand and will have to hope that the dealer busts. Hitting on 18. I'm no professional gambler, but I'm pretty sure that's bad advice. This got me thinking about my prompt a bit more. I did some tweaks, like lowercasing the suit, as I was worried it may have confused the AI. I iterated through some options in Makersuite, and consistently, it seemed to struggle with basic math at times. Even when I was explicit: I've got a jack of clubs (worth ten) and an eight of hearts (worth 8). It still thought I had 19. I did have better luck with this: I've got a jack of clubs (worth ten) and an eight of hearts (worth 8). My hand total is 18. And I also tried this: I've got a ace of clubs and an eight of hearts. My hand total is 9 or 19. And that seemed to consistently work correctly. So, with that in mind, I went back to my prompt generation and updated my logic there. Here's the updated version: async askForHelp() {
	this.aiHelp = '<i>Asking our AI friend...</i>';

	let totalOb = this.getCount(this.playerCards);
	let totalStr = 'My hand has a total of ';
	if(totalOb.lowCount === totalOb.highCount) {
		totalStr += totalOb.lowCount;
	} else {
		totalStr += `${totalOb.lowCount} or ${totalOb.highCount}`;
	}
	
	// first, "translate" the cards to English
	let q = `I'm playing blackjack and the dealer currently has ${this.pcCards[1].value} of ${this.pcCards[1].suit.toLowerCase()}. I've got a ${this.playerCards[0].value} of ${this.playerCards[0].suit.toLowerCase()} and a ${this.playerCards[1].value} of ${this.playerCards[1].suit.toLowerCase()}. ${totalStr}. Should I hit or should I stay?`;
	console.log(q);

	let resp = await fetch(`https://eo8dkukowewth66.m.pipedream.net?text=${encodeURIComponent(q)}`);
	let help = await resp.json();
	console.log('RESP', help);
	/*
	note that help has line breaks and stuff in and in theory
	we should map to br or something, but im fine ignoring.
	*/
	this.aiHelp = '';
	alert(help);
}, My Blackjack game has a utility function, , that returns an object containing two values , where Aces are treated as one, and , where one Ace at most is considered eleven. With this, I add to my prompt information about the total. getCount lowCount highCount This help quite a bit, but I still sometimes returned delusional responses. did So... maybe consider it your drunk friend at the gambling table offering advice? I'd love to share this version of the demo publicly, and I can share the code, of course, but I'm disabling the Pipedream workflow so that I don't get charged for it. Feel free to look at the front-end code here: https://codepen.io/cfjedimaster/pen/QWYpQjY/905e31ed6d9e3539c041044b308f5f06?editors=1011 As always, let me know what you think! Also published . here

Can I Build a Generative AI Demo to Help Me Win Big in Vegas?

আমি কি আমাকে ভেগাসে বড় জয় করতে সাহায্য করার জন্য একটি জেনারেটিভ এআই ডেমো তৈরি করতে পারি?

Kann ich eine generative KI-Demo erstellen, die mir hilft, in Vegas groß zu gewinnen?

¿Puedo crear una demostración de IA generativa que me ayude a ganar a lo grande en Las Vegas?

Puis-je créer une démo d’IA générative pour m’aider à gagner gros à Vegas ?

क्या मैं वेगास में बड़ी जीत हासिल करने में मदद के लिए एक जेनरेटिव एआई डेमो बना सकता हूं?

ラスベガスで大勝ちするために生成 AI デモを構築できますか?

라스베가스에서 큰 승리를 거두는 데 도움이 되는 생성적 AI 데모를 구축할 수 있습니까?

Posso criar uma demonstração de IA generativa para me ajudar a ganhar muito em Las Vegas?

Могу ли я создать демо-версию генеративного искусственного интеллекта, которая поможет мне выиграть по-крупному в Вегасе?

Vegas'ta Büyük Kazanmama Yardımcı Olacak Bir Üretken Yapay Zeka Demosu Oluşturabilir miyim?

Tôi có thể xây dựng bản trình diễn AI sáng tạo để giúp tôi thắng lớn ở Vegas không?

我可以构建一个生成式 AI 演示来帮助我在维加斯赢得大奖吗？

These events occupied so much time, that June had numbered more than half its days

Mount Olympus

Welcome! If you’re reading this, you’re probably curious about Angular Signals, the latest gem in the framework’s treasure trove. Known for its streamlined approach to state management, Angular Signals can be a game-changer. But where does it truly shine in real-world applications? Let’s embark on a detailed exploration, touching on three use cases and their practical applications. Angular 1. Form Management Angular Forms, whether Reactive or Template-Driven, are essential for capturing user input. Instead of manually subscribing to form control value changes or using , Signals can represent form control values. This ensures that only relevant components or parts of your application react to changes in form values, making form handling more efficient. valueChanges Angular’s Forms module, be it Reactive or Template-Driven, is a core part of many applications, ensuring seamless user data input. With the introduction of Angular Signals, developers can further enhance the efficiency and simplicity of form handling. Reactive Form Handling with Signals Consider a typical reactive form setup; with Angular Signals, you can use the function to represent form control values as signals. This ensures that only relevant components or parts of your application react to changes in form values. toSignal Let’s create an example component with a form that uses Angular Signals: https://gist.github.com/nomadts/bc93b5960161b8713db95ffbb59b7e8b?embedable=true Angular component with form utilizing Signals In the example above, is created using the function. It represents the value of the 'firstName' form control. Now, instead of manually subscribing to the of the form control, we directly use the signal in our template. The div containing the compliment message for the first name will only be rendered or updated when the first name changes. More than that, we can have computed signals that would have an effect on our template. For example, we can have a form field with the date of birth, which is converted to a using . And another that would calculate and show the age based on the date of birth signal. firstNameSignal toSignal valueChanges writable signal toSignal computed signal Benefits Unveiled: Only the parts of your application that rely on a specific signal will update when its value alters. While not a virtual DOM like React, it does offer focused template updates. Selective Rendering: The function has got your back! It subscribes when a component starts and unsubscribes upon its demise, safeguarding against memory leaks. Smart Subscription Handling: toSignal No more murky waters! With Signals, dynamic values within Angular templates become straightforward and intuitive. Crystal-clear Code: In essence, integrating Angular Signals with forms amplifies their performance and paves the way for a more organized, maintainable coding experience. 2. Dynamic Theming Changing the visual theme of an application based on user preferences or system settings is a common requirement. A signal can represent the current theme. When a user switches themes, the signal updates, and only components that depend on the theme need to re-render, instead of the whole application. Dynamic theming enables users to switch between different color schemes or designs on the fly, enhancing user experience. Using Angular Signals, we can achieve efficient and reactive theming solutions that are both scalable and maintainable. Dynamic Theming with Angular Signals Traditionally, you might have handled dynamic theming with and a service that is using BehaviorSubject to store the state. Using Angular Signals, we can streamline this process: ngClass https://gist.github.com/nomadts/9c6a5e2deaf2b507dbc18b9bcafad223?embedable=true Theme service with Signals https://gist.github.com/nomadts/58d6f6da0c938be0249396219e864f64?embedable=true App component that is consuming the theme service Here’s what we achieved: With Angular Signals, we use the function to create a signal for the theme, removing the need for the BehaviorSubject. Simplified Service: signal In the component, we can directly access the theme using the signal. This ensures that our component template reacts instantly to theme changes. Reactive Theme Switch: By using , we can access the current theme directly, ensuring that the theme state is always synchronized. Synchronized State Access: themeService.themeSignal() Angular Signals crafts a path for dynamic theming that’s intuitive, efficient, and free from excessive coding. Bottom line: 3. Live Data Streams Applications like stock trading platforms or live sports scoreboards require real-time data updates. By integrating with RxJS through the function, Angular Signals can directly represent these data streams. This means that as new data is streamed in, only the affected components get updated, ensuring optimal performance. toSignal Modern often deal with dynamic data that constantly updates in real-time. Such live data streams are typically used in stock trading platforms, sports scoreboards, live chat applications, and more. Angular Signals can be incredibly effective in these scenarios, ensuring that data remains reactive and synchronizes with the UI seamlessly. web applications Handling Live Data with Angular Signals Traditionally, managing live data streams might involve services, observables, and complex subscription logic. Now, let’s reimagine this using Angular Signals: https://gist.github.com/nomadts/d32ce0d984a86b631c70bbbf3d40ed9c?embedable=true Chat Service with Signals https://gist.github.com/nomadts/eb4bf05be7ded9613718d1738043162e?embedable=true Chat Component with Signals Notable Enhancements: Gone are the days of . Now, the Signal takes the stage, ensuring on-the-fly updates. Message Management: BehaviorSubject Signals directly in templates react instantly to live data changes, all without the need for async pipes or subscription hassles. Reactive Templates: Less is more! Reducing manual work enhances clarity and maintenance. Trimmed Down Code: To wrap it up, Angular Signals is revolutionizing how we manage live data streams, offering a method that’s simpler and more efficient. Enough for now. Stay tuned for more in our next part, where we’ll delve into User Profiles, E-commerce Cart Management, and Notification Systems. Remember, the world of Angular Signals is vast, and as more developers dive in, its horizons will only expand. Happy coding! Also published . here

A Guide to Angular Signals With Practical Use Cases (Part 1)

Stories, News & Mentions about THEMISAI

Themisai’s Stories on HackerNoon