<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Alex Agboola</title>
    <description>The latest articles on DEV Community by Alex Agboola (@alex_the_dev).</description>
    <link>https://dev.to/alex_the_dev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1242989%2F1f33b95b-4912-4a31-8bdf-9aaaa4facc1c.jpeg</url>
      <title>DEV Community: Alex Agboola</title>
      <link>https://dev.to/alex_the_dev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alex_the_dev"/>
    <language>en</language>
    <item>
      <title>We Fixed Stack Overflow</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Tue, 26 Nov 2024 16:44:42 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/we-fixed-stack-overflow-3jk3</link>
      <guid>https://dev.to/alex_the_dev/we-fixed-stack-overflow-3jk3</guid>
      <description>&lt;h3&gt;
  
  
  Links:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dly.to/cdZdtsdAiGt" rel="noopener noreferrer"&gt;Devs Help Devs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dly.to/CDtGbSiLwKq" rel="noopener noreferrer"&gt;daily.dev&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;As a junior developer, I’ve often turned to Stack Overflow for help, but I’ve noticed a growing discontent among my peers. Let’s dive into why many developers are becoming disenchanted with this once-revered platform and explore a promising alternative.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Unwelcoming Atmosphere
&lt;/h2&gt;

&lt;p&gt;When I first started coding, I was eager to join the Stack Overflow community. However, I quickly realized that asking questions as a newcomer can be intimidating. The platform, which should be a haven for learning, often feels like a hostile environment. Snarky comments and harsh downvotes without explanation are commonplace, leaving many of us feeling discouraged and hesitant to engage.&lt;/p&gt;

&lt;p&gt;The strict moderation, while intended to maintain quality, sometimes goes overboard. I’ve seen questions closed as duplicates even when the linked answers were outdated or didn’t fully address the issue at hand. It’s frustrating to see genuine queries shut down without a fair chance for discussion.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quality Concerns and Outdated Information
&lt;/h2&gt;

&lt;p&gt;As I’ve progressed in my coding journey, I’ve noticed another issue: the prevalence of outdated information. Many popular answers date back to 2013 or earlier, which is practically ancient in the fast-paced world of technology. The difficulty in updating or adding new answers to old questions means that we’re often left with obsolete solutions.&lt;/p&gt;

&lt;p&gt;Moreover, the focus on reputation points sometimes leads to unhelpful behavior. I’ve witnessed users racing to post quick, superficial answers just to gain points, rather than taking the time to provide comprehensive, well-thought-out responses.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Inclusivity Problem
&lt;/h2&gt;

&lt;p&gt;Perhaps the most concerning aspect is the lack of inclusivity on the platform. As a junior developer, I often feel that Stack Overflow caters more to experienced programmers. The perception of elitism can be off-putting, especially for those of us just starting our coding careers.&lt;/p&gt;

&lt;p&gt;Even more troubling are the reports of unfriendliness towards women, people of color, and other marginalized groups in tech. A platform that should be uniting developers is instead reinforcing divisions within our community.&lt;/p&gt;

&lt;h2&gt;
  
  
  How We Fixed This
&lt;/h2&gt;

&lt;p&gt;Recognizing these issues, a group of us junior developers decided to take action. We’ve formed a &lt;a href="https://dly.to/cdZdtsdAiGt" rel="noopener noreferrer"&gt;squad&lt;/a&gt; on &lt;a href="https://dly.to/CDtGbSiLwKq" rel="noopener noreferrer"&gt;daily.dev&lt;/a&gt; (which is a platform for developers) with the goal of creating a toxic-free alternative to Stack Overflow. Our platform prioritizes inclusivity, patience with newcomers, and up-to-date information.&lt;/p&gt;

&lt;p&gt;We’re building a space where questions at all levels are welcomed and where constructive feedback is the norm. Our moderation system is designed to be fair and transparent, focusing on guiding users rather than penalizing them.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;While Stack Overflow has undoubtedly been a valuable resource, it’s clear that the developer community needs something more. As we work on our alternative platform, we’re excited about the possibility of creating a truly inclusive and supportive environment for developers of all backgrounds and skill levels.&lt;/p&gt;

&lt;h3&gt;
  
  
  Links:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dly.to/cdZdtsdAiGt" rel="noopener noreferrer"&gt;Devs Help Devs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dly.to/CDtGbSiLwKq" rel="noopener noreferrer"&gt;daily.dev&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>softwaredevelopment</category>
      <category>community</category>
      <category>career</category>
      <category>beginners</category>
    </item>
    <item>
      <title>GPT-4o | This Changes The Game For Voice Assistants</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Tue, 21 May 2024 11:01:44 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/gpt-4o-this-changes-the-game-for-voice-assistants-kp8</link>
      <guid>https://dev.to/alex_the_dev/gpt-4o-this-changes-the-game-for-voice-assistants-kp8</guid>
      <description>&lt;p&gt;Just last week, OpenAI launched its new flagship model, ChatGPT 4o, and it’s packed with features that are set to revolutionize the AI landscape. In a recent episode of my podcast, “AI with Alex,” I had the opportunity to discuss these advancements with Jonah, a software developer who is eager to transition into data engineering and machine learning. Our conversation shed light on how this new model is not only faster and more interactive but also more accessible to the general public.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Good…
&lt;/h2&gt;

&lt;p&gt;ChatGPT 4o brings several improvements over its predecessor, GPT-4.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Speed&lt;/strong&gt;: One of the standout features is its speed. ChatGPT 4o can generate responses in as little as 200 milliseconds. Jonah and I agreed that this is a significant upgrade from GPT-4, which could sometimes take several seconds or even minutes to produce a response. This speed improvement is crucial for enhancing user experience, especially for those who rely on AI for real-time interactions.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Interactivity&lt;/strong&gt;: The new model can see and hear, enabling more natural and human-like conversations. This leap forward makes it feel like you’re talking to a real person rather than an AI. Jonah pointed out that this feature could be particularly useful in various applications, from customer service to personal assistants.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;User Interface&lt;/strong&gt;: OpenAI has revamped the UI to make it look more like a modern text app with speech bubbles. This design choice makes the AI more accessible and user-friendly, moving away from the technical appearance that might intimidate non-tech-savvy users. Jonah noted that this shift is essential for broader adoption, as it allows a wider audience to benefit from AI technology.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  …The Bad…
&lt;/h2&gt;

&lt;p&gt;While ChatGPT 4o is a significant step forward, there are areas where it still has room for improvement.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Features Rollout&lt;/strong&gt;: Not all features are available yet. Jonah mentioned that while the model offers more options to play around with, many features are still in the pipeline. Users will have to wait to fully experience everything ChatGPT 4o has to offer.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Accessibility Limits&lt;/strong&gt;: Although the model is free for everyone, there are still limitations for free users compared to paying users. This means that while many can access the AI, those who can afford to pay will have a more enriched experience, which may create a disparity in usage.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Technical Dependency&lt;/strong&gt;: As with all AI models, ChatGPT 4o is highly dependent on the quality of user prompts. A well-constructed prompt will yield better results, but vague or poorly phrased prompts might not produce the desired output. This dependency means users need to learn how to interact effectively with the AI to get the best results.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  …And The Ugly (With Some Predictions)
&lt;/h2&gt;

&lt;p&gt;The release of ChatGPT 4o signals a shift in the AI landscape that could have far-reaching implications.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;AI Gadgets&lt;/strong&gt;: Jonah and I discussed how this new model might render many AI gadgets obsolete. Why invest in additional hardware when your phone can offer the same, if not better, capabilities? This advancement might put a dent in the AI gadget industry, which often relies on novelty rather than practical utility.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Industry Impact&lt;/strong&gt;: The rapid advancement of AI models like ChatGPT 4o could disrupt various industries. For instance, developers might find themselves relying more on AI for code generation and debugging, potentially reducing the need for human input. Jonah highlighted that this could lead to job displacement if not managed carefully.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ethical Concerns for The Future&lt;/strong&gt;: With great power comes great responsibility. The capabilities of ChatGPT 4o raise ethical questions about data privacy and AI regulation. Jonah and I agreed that while it’s exciting to see such advancements, it’s crucial to have frameworks in place to ensure that the rapid advancement of AI technology does not come at the expense of ethical considerations and privacy.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;ChatGPT 4o marks a significant milestone in AI development. With its enhanced speed, interactivity, and accessibility, it has the potential to revolutionize how we interact with technology. Jonah’s insights highlighted the exciting possibilities and the importance of mindful advancement as we move towards an increasingly AI-driven future. This is a game-changer, and it will be interesting to see how it evolves and impacts our daily lives.&lt;/p&gt;

&lt;p&gt;If you want to learn more about this topic, &lt;a href="https://www.youtube.com/channel/UCRv9Mn_msloRYmyahAEMqHw"&gt;&lt;strong&gt;subscribe&lt;/strong&gt; to my YouTube channel&lt;/a&gt;. This episode hasn’t been released yet, but you’ll be notified as soon as it’s available.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;P.S. Want to hear a secret? This article was generated by ChatGPT 4o…&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>technews</category>
      <category>gpt4o</category>
    </item>
    <item>
      <title>Goodbye Internet... For Now</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Mon, 29 Apr 2024 20:00:00 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/goodbye-internet-for-now-1bco</link>
      <guid>https://dev.to/alex_the_dev/goodbye-internet-for-now-1bco</guid>
      <description>&lt;p&gt;If you couldn't tell already, I haven't been posting a lot of articles lately. This is because I haven't really gotten the time to do so.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;As you saw from my last article, I started a new podcast called AI With Alex on Spotify and YouTube. The show is basically about me discussing with various of guest about all things AI.&lt;/p&gt;

&lt;p&gt;It was fun having conversations with AI experts about pretty much my favorite part of the whole thing.&lt;/p&gt;

&lt;p&gt;Then… there was the editing part.&lt;/p&gt;

&lt;p&gt;Even though I was using Riverside's editor (which made my editing time cut in half), I still spent hours on editing one episode. Then, I won't have time to even code.&lt;/p&gt;

&lt;p&gt;Even if I had time, I would lose motivation to do pretty much anything after editing.&lt;/p&gt;

&lt;p&gt;I want to write articles, but I just don't have the motivation and/or time.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution…?
&lt;/h2&gt;

&lt;p&gt;I decided to officially take a break from writing.&lt;/p&gt;

&lt;p&gt;I normally code and write articles, but adding a whole weekly podcast to the mix is not feasible for me.&lt;/p&gt;

&lt;p&gt;On &lt;strong&gt;&lt;em&gt;May 20, 2024&lt;/em&gt;&lt;/strong&gt;, I will start posting articles more frequently (hopefully).&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;To sum things up, I need a break. I will hopefully gain more time in the future. I will probably write about what I normally write about - AI, coding, tech news, etc.&lt;/p&gt;

&lt;p&gt;Thanks for reading this article, I appreciate it.&lt;/p&gt;

</description>
      <category>watercooler</category>
      <category>softwareengineering</category>
    </item>
    <item>
      <title>AI With Alex | S1 Ep. 2 Coming Soon!</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Wed, 10 Apr 2024 23:26:35 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/ai-with-alex-s1-ep-2-coming-soon-14lo</link>
      <guid>https://dev.to/alex_the_dev/ai-with-alex-s1-ep-2-coming-soon-14lo</guid>
      <description>&lt;h2&gt;
  
  
  I excited to announce that S1 Ep. 2: Generative AI is coming soon!
&lt;/h2&gt;

&lt;p&gt;Make sure to subscribe to &lt;strong&gt;&lt;em&gt;&lt;a href="https://www.youtube.com/channel/UCRv9Mn_msloRYmyahAEMqHw/"&gt;Alex The Dev&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt; to be posted when its's released!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsbh6njc9luk2fjpncg8s.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsbh6njc9luk2fjpncg8s.jpg" alt="Flyer for Ep. 2, featuring Yomi" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>watercooler</category>
      <category>podcast</category>
    </item>
    <item>
      <title>My New Podcast: AI With Alex</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Sun, 07 Apr 2024 22:02:03 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/my-new-podcast-ai-with-alex-1plg</link>
      <guid>https://dev.to/alex_the_dev/my-new-podcast-ai-with-alex-1plg</guid>
      <description>&lt;h4&gt;
  
  
  Hey everyone!
&lt;/h4&gt;

&lt;p&gt;I'm happy to announce that I have now posted my &lt;strong&gt;first podcast: &lt;em&gt;AI With Alex&lt;/em&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;On the show, I discuss my opinion on the latest trends/news about AI, and the future of AI with AI experts.&lt;/p&gt;

&lt;p&gt;Keep in mind that this is my first podcast ever, so &lt;strong&gt;feedback is &lt;em&gt;appreciated&lt;/em&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  If you want to listen to the podcast, &lt;strong&gt;here are some links&lt;/strong&gt;:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://youtu.be/RppdFrGz8Yw"&gt;YouTube&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/RppdFrGz8Yw"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;a href="https://open.spotify.com/show/2EEF573fAYy0GVphWxqFc2"&gt;Spotify&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe src="https://open.spotify.com/embed/show/2EEF573fAYy0GVphWxqFc2" width="100%" height="232px"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  If you want to be &lt;em&gt;featured&lt;/em&gt; on my podcast:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://calendly.com/alexagboolacodes/ai-with-alex"&gt;Calendly&lt;/a&gt;&lt;/p&gt;


&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
      &lt;div class="c-embed__cover"&gt;
        &lt;a href="https://calendly.com/alexagboolacodes/ai-with-alex" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"&gt;
          &lt;img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--W6rd9K98--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://assets.calendly.com/assets/booking/ogimage-453957c3679200e19fcc84e079b5e55cfb26ae5a3aa2504d75b5aedaaf37aa0c.png%3Fsource%3Dopengraph" height="420" class="m-0" width="800"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;div class="c-embed__body"&gt;
      &lt;h2 class="fs-xl lh-tight"&gt;
        &lt;a href="https://calendly.com/alexagboolacodes/ai-with-alex" rel="noopener noreferrer" class="c-link"&gt;
          
Calendly - Alex Agboola

        &lt;/a&gt;
      &lt;/h2&gt;
      &lt;div class="color-secondary fs-s flex items-center"&gt;
          &lt;img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://res.cloudinary.com/practicaldev/image/fetch/s--ujKAqaJV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://assets.calendly.com/assets/favicon-bfb0492a754bdf44a0a58b969963f44235653cca09a1c0110309c1e03077e368.ico" width="32" height="32"&gt;
        calendly.com
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>ai</category>
      <category>beginners</category>
    </item>
    <item>
      <title>DEVin | The Scary Future For Developers</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Mon, 18 Mar 2024 18:07:49 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/devin-the-scary-future-for-developers-15ko</link>
      <guid>https://dev.to/alex_the_dev/devin-the-scary-future-for-developers-15ko</guid>
      <description>&lt;h6&gt;
  
  
  (&lt;a href="https://blog.cubed.run/devin-worlds-first-ai-software-engineer-unveiled-46b87fc4702d"&gt;source for image&lt;/a&gt;)
&lt;/h6&gt;

&lt;p&gt;This month on the 12th, the AI company Cognition AI showed to the world the first AI Software Engineer, Devin. Devin is the first AI that can not only have its own personal code editor and web browser but also does the process that a real software engineer would do. Seeing what Devin can do has fascinated me, but at the same time, I have also realized that I have heavily underestimated AI in the future and what that means for developers.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Good...
&lt;/h2&gt;

&lt;p&gt;Devin can be extremely helpful for developers in many ways.&lt;/p&gt;

&lt;h3&gt;
  
  
  1) Debugging
&lt;/h3&gt;

&lt;p&gt;In one of the demos Cognition AI showed, a developer in the company showed how Devin can debug your code for you. They had a Git repository and had Devin come up with test cases and test the code for him. It turns out that the code had a bug and Devin debugged the code for him.&lt;/p&gt;

&lt;p&gt;Devin debugs code by adding code that catches errors, for example, in Python, a print function could be used to detect any errors in Python code.&lt;/p&gt;

&lt;h3&gt;
  
  
  2) Self-Learning
&lt;/h3&gt;

&lt;p&gt;Devin can self-learn, meaning for example, one developer trained Devin using a blog that she had found. Devin then learned from the blog and did the step-by-step process the blog had given. When Devin tested to finished code, it arrived to an error that the blog had. Devin debugged and fixed the code and outputted some pretty good results.&lt;/p&gt;

&lt;h3&gt;
  
  
  3) Performance
&lt;/h3&gt;

&lt;p&gt;In the SWE-bench (Real World Software Engineering Performance) Devin has a huge (compared to other competitors) 13.86% (that means that this LLM (Large Language Model) can resolve real-world GitHub issues 13.86% of the time)! To put that into comparison, the AI in second place in terms if the SWE-bench is Claude 2 with only a 4.8% of solving a real-world Github issue.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3fu7h87pt50sfjscvkna.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3fu7h87pt50sfjscvkna.png" alt="The SWE-bench chart" width="720" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ...The Bad...
&lt;/h2&gt;

&lt;p&gt;Everything that is first at something is going to be the worst in the area, what I mean is that Devin is at its worst, and will improve more and more over the years.&lt;/p&gt;

&lt;h3&gt;
  
  
  1) Speed
&lt;/h3&gt;

&lt;p&gt;Depending on what Devin is coding, Devin can take minutes, hours, or even days! You could argue that a normal human software engineer could also take days, but compared to its competitors like ChatGPT and Llama, it's pretty slow.&lt;/p&gt;

&lt;h3&gt;
  
  
  2) Dependency on user's prompts
&lt;/h3&gt;

&lt;p&gt;Like most AIs, Devin needs good prompts for good results. So giving Devin a 9-word sentence like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Code an AI pet simulator in HTML and JS&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Is not going to give you as good results if you would have given Devin a more detailed prompt.&lt;/p&gt;

&lt;h3&gt;
  
  
  3) Performance
&lt;/h3&gt;

&lt;p&gt;Yes, Devin does have the best SWE-bench performance out of any AI out there, but it &lt;em&gt;only&lt;/em&gt; solves 13.86% of real-world GitHub issues. What about the other 86.14%? Devin can not solve real-world Github issues 86.14% of the time, so your not going to be able to 100% automate your coding.&lt;/p&gt;

&lt;h2&gt;
  
  
  ...and The Ugly
&lt;/h2&gt;

&lt;p&gt;Devin right now might not be able to replace developers, but Devin does reveal a path we are heading towards that I never thought was possible.&lt;/p&gt;

&lt;h3&gt;
  
  
  AI taking jobs
&lt;/h3&gt;

&lt;p&gt;I knew that AI has, is, and will take jobs from humans. Before, &lt;a href="https://medium.com/@alexagboolacodes/sketch2code-is-the-need-for-web-developers-dying-67ae8f42baf2"&gt;I thought developers didn't apply to this&lt;/a&gt;, after all, we are the ones who code the AI in the first place. But AI is already starting to replace developers. Developers are very dependent on AI; using it to debug their code, adding code snippets, or even completely coding for them. &lt;/p&gt;

&lt;p&gt;Of course AI is definitely not perfect, so developers still need to code, but in the future, AI will be so advanced, I'm worried that not only will developers be so dependent on AI that AI is just doing developers’ jobs for them, but companies will start replacing developers with AI. After all, why pay over $100,000 per year per developer when you could pay $100 per year for unlimited AI.&lt;/p&gt;

&lt;h3&gt;
  
  
  ASI
&lt;/h3&gt;

&lt;p&gt;Expert Ben Goertzel has predicted that AI will reach ASI (Artificial Super Intelligence) as early as 2027 (&lt;a href="https://www.livescience.com/technology/artificial-intelligence/ai-agi-singularity-in-2027-artificial-super-intelligence-sooner-than-we-think-ben-goertzel#:~:text=AI%20singularity%20may%20come%20in,we%20think%2C%20says%20top%20scientist&amp;amp;text=We%20could%20build%20an%20AI,very%20short%20space%20of%20time."&gt;source&lt;/a&gt;). You could think of ASI as sentient AI or the singularity. Artificial Super Intelligence is where AI is so advanced that it has its own conciseness, its own emotions, and it surpasses human intelligence in all kinds of ways. In other words, ASI will be so advanced compared to humans, it would be a &lt;em&gt;joke&lt;/em&gt; if you hired a human developer when ASI exist.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;So in conclusion, Devin is awesome and is going to help developers, but it's not a major threat to developers right now. Devin has great potential, as it is the first AI software engineer, but we should as keep in mind because it's the first AI software engineer, it is also going to be the worst AI software engineer.&lt;/p&gt;

&lt;p&gt;What Devin is, though, is a wake-up call to people who want to learn to code to do it now. 2024 is the year to learn how to code, and based on the exponential growth of AI and the abundant amount of junior and entry-level developers, this year might be your last chance. &lt;a href="https://medium.com/@alexagboolacodes/should-you-learn-how-to-code-in-2024-42d798c6697e"&gt;Read my article&lt;/a&gt; to learn more.&lt;/p&gt;

&lt;p&gt;If developers don't want to get swept up in the AI tsunami, it's best that we, use AI to our advantage and instead of using AI to automate our coding we should use AI in our applications and websites, using APIs like OpenAI or Stability AI, or even creating your own like I did &lt;a href="https://medium.com/@alexagboolacodes/how-to-code-your-own-chatbot-in-python-f6fdea2ef570"&gt;here&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>softwareengineering</category>
      <category>machinelearning</category>
    </item>
    <item>
      <title>How To Use AI To Create Your Own App (No Coding Knowledge Required)</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Fri, 23 Feb 2024 23:35:42 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/how-to-use-ai-to-create-your-own-app-no-coding-knowledge-required-3pac</link>
      <guid>https://dev.to/alex_the_dev/how-to-use-ai-to-create-your-own-app-no-coding-knowledge-required-3pac</guid>
      <description>&lt;p&gt;Normally, if you want to create your own app, you would have to learn programming languages like Dart or C#, but we're going to use only HTML, CSS, and JavaScript. The best part is, you don't have to know how to code at all!&lt;/p&gt;

&lt;p&gt;We are going to create this webapp for free this with only using 3 tools:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;ChatGPT (any version is fine)&lt;/li&gt;
&lt;li&gt;Virtual Studio Code (or any code editor)&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.webintoapp.com/" rel="noopener noreferrer"&gt;Web into app.com&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Web into app is a website where you can convert your HTML or website of your choice to an apk file so you can publish your app on platforms like Google Play Store or the App Store.&lt;/p&gt;

&lt;h2&gt;
  
  
  1) Getting the code from ChatGPT
&lt;/h2&gt;

&lt;p&gt;ChatGPT is an AI chatbot that can do many things as long as you ask for text (or images if you are using GPT 4.0). These are the steps on how to sign up and obtain the code:&lt;/p&gt;

&lt;h3&gt;
  
  
  1) Create your own account
&lt;/h3&gt;

&lt;p&gt;Go to &lt;a href="https://openai.com/" rel="noopener noreferrer"&gt;OpenAI's website&lt;/a&gt; and click on the top right button that says "Try ChatGPT".&lt;/p&gt;

&lt;p&gt;You should be taken to this screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqze7r93w1r7tv7wkdx4b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqze7r93w1r7tv7wkdx4b.png" alt="The main page for ChatGPT. On the left are some suggested prompts, and on the right are to big blue buttons. On says "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click the signup button and it should take you to this page:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh4zotdfubb8nifuexjnu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh4zotdfubb8nifuexjnu.png" alt="A screenshot of the sign up page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once you create your account, you should see something similar to this:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F58eckxcfnptatqzoqgt7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F58eckxcfnptatqzoqgt7.png" alt="ChatGPT's main page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2) Generate the code
&lt;/h3&gt;

&lt;p&gt;Now you are on the ChatGPT page, ask ChatGPT to code any website you would like to be an app using HTML, CSS, and JavaScript (make sure the website is responsive meaning it can be viewed properly on mobile devices)&lt;/p&gt;

&lt;h4&gt;
  
  
  Example Prompt
&lt;/h4&gt;

&lt;blockquote&gt;
&lt;p&gt;Code a simple note-taking website where users can take notes like a notebook. Make sure it is coded in only HTML, CSS, and JavaScript, and the website looks like a notebook. I should be able to see notes in each grid below the input box that includes the date that note was typed in and the actual note which is saved even after I refresh the website. This website should be responsive and tailored towards smartphones. I want all of the code in one HTML file, meaning that you should put style and script tags for CSS and JavaScript in your HTML code.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;ChatGPT gave me this code:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="cp"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;html&lt;/span&gt; &lt;span class="na"&gt;lang=&lt;/span&gt;&lt;span class="s"&gt;"en"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;meta&lt;/span&gt; &lt;span class="na"&gt;charset=&lt;/span&gt;&lt;span class="s"&gt;"UTF-8"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;meta&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"viewport"&lt;/span&gt; &lt;span class="na"&gt;content=&lt;/span&gt;&lt;span class="s"&gt;"width=device-width, initial-scale=1.0"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;Notebook App&lt;span class="nt"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;body&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;font-family&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;Arial&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nb"&gt;sans-serif&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;margin&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;background-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#f0f0f0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;flex&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;justify-content&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;center&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;align-items&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;center&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;100vh&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nc"&gt;.container&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;background-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#fff&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;20px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;border-radius&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;10px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;box-shadow&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt; &lt;span class="m"&gt;10px&lt;/span&gt; &lt;span class="n"&gt;rgba&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;0.1&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nl"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;90%&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;max-width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;400px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nt"&gt;input&lt;/span&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;"text"&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;calc&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;100%&lt;/span&gt; &lt;span class="n"&gt;-&lt;/span&gt; &lt;span class="m"&gt;40px&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;10px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;border&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;1px&lt;/span&gt; &lt;span class="nb"&gt;solid&lt;/span&gt; &lt;span class="m"&gt;#ccc&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;border-radius&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;5px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;margin-bottom&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;10px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nt"&gt;button&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;10px&lt;/span&gt; &lt;span class="m"&gt;15px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;background-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#007bff&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;border&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;none&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#fff&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;border-radius&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;5px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;cursor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;pointer&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nc"&gt;.note&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;border-bottom&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;1px&lt;/span&gt; &lt;span class="nb"&gt;solid&lt;/span&gt; &lt;span class="m"&gt;#ccc&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;10px&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nc"&gt;.note&lt;/span&gt;&lt;span class="nd"&gt;:last-child&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;border-bottom&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;none&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nc"&gt;.note-date&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;font-size&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;12px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#888&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nc"&gt;.note-content&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;margin-top&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;5px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;white-space&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;pre-wrap&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"container"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"text"&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"noteInput"&lt;/span&gt; &lt;span class="na"&gt;placeholder=&lt;/span&gt;&lt;span class="s"&gt;"Type your note here..."&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;onclick=&lt;/span&gt;&lt;span class="s"&gt;"addNote()"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Add Note&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"notesContainer"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;script&amp;gt;&lt;/span&gt;
  &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;addNote&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;noteInput&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;noteInput&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;noteContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;noteInput&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;trim&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
    &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;noteContent&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="k"&gt;return&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;date&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;dateString&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;`&lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;date&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;toLocaleDateString&lt;/span&gt;&lt;span class="p"&gt;()}&lt;/span&gt;&lt;span class="s2"&gt; &lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;date&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;toLocaleTimeString&lt;/span&gt;&lt;span class="p"&gt;()}&lt;/span&gt;&lt;span class="s2"&gt;`&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;noteElement&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createElement&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;note&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;dateElement&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createElement&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;dateElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;note-date&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;dateElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;dateString&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;contentElement&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createElement&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;contentElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;note-content&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;contentElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;noteContent&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

    &lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;appendChild&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;dateElement&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;appendChild&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;contentElement&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

    &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;notesContainer&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;appendChild&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

    &lt;span class="c1"&gt;// Save note to localStorage&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;notes&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;parse&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;localStorage&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getItem&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;notes&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="p"&gt;[];&lt;/span&gt;
    &lt;span class="nx"&gt;notes&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;push&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;date&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;dateString&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;content&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;noteContent&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
    &lt;span class="nx"&gt;localStorage&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;setItem&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;notes&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;stringify&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;notes&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;

    &lt;span class="nx"&gt;noteInput&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="c1"&gt;// Load notes from localStorage&lt;/span&gt;
  &lt;span class="nb"&gt;window&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;onload&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;notes&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;parse&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;localStorage&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getItem&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;notes&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="p"&gt;[];&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;notesContainer&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;notesContainer&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;notes&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;forEach&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;note&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;noteElement&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createElement&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;note&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

      &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;dateElement&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createElement&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nx"&gt;dateElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;note-date&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nx"&gt;dateElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;note&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;date&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

      &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;contentElement&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createElement&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nx"&gt;contentElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;note-content&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nx"&gt;contentElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;note&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;content&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

      &lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;appendChild&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;dateElement&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;appendChild&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;contentElement&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

      &lt;span class="nx"&gt;notesContainer&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;appendChild&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;noteElement&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;});&lt;/span&gt;
  &lt;span class="p"&gt;};&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h6&gt;
  
  
  (ChatGPT have generated a simple note-taking website)
&lt;/h6&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;It will take some trial and error&lt;/em&gt;&lt;/strong&gt;, but you will eventually get the website you want.&lt;/p&gt;

&lt;h2&gt;
  
  
  2) Download the code
&lt;/h2&gt;

&lt;p&gt;For this next step, I will be using Virtual Studio Code, but you can use any code editor as long as you can download the code as an HTML file.&lt;/p&gt;

&lt;h3&gt;
  
  
  1) Copy the code
&lt;/h3&gt;

&lt;p&gt;It is very easy to copy the code quickly:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfo8sfz7ufbvx1nzpl8s.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfo8sfz7ufbvx1nzpl8s.gif" alt="A GIF with me copying the code ChatGPT generated for me"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2) Go on your editor of chose
&lt;/h3&gt;

&lt;p&gt;For me, it's Virtual Studio Code, but you can choose any code editor you like: it can even be online!&lt;/p&gt;

&lt;h4&gt;
  
  
  1) Create a folder (if in VSCode) and a HTML file
&lt;/h4&gt;

&lt;p&gt;In VSCode, it's just as easy as clicking on an icon (but it can vary based on what code editor you use):&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjm96ps10sw1ltgppg7em.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjm96ps10sw1ltgppg7em.gif" alt="A GIF on creating a HTML file"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2) Paste ChatGPT's code
&lt;/h4&gt;

&lt;p&gt;Once again, really easy to do. All you need to do is Ctrl + V (make sure to save your code if you are using VSCode using Ctrl + S):&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhx3yx75sdwzks9zgzpyh.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhx3yx75sdwzks9zgzpyh.gif" alt="A GIF about me pasting code and saving my file"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  3)&lt;strong&gt;(Not necessary on VSCode)&lt;/strong&gt; Download the file
&lt;/h4&gt;

&lt;p&gt;If you are not using Virtual Studio Code, you will need to download the HTML file (you don't need to download the file in VSCode because it should be there already). &lt;strong&gt;Make sure to compress your HTML file into a ZIP file, &lt;em&gt;you will need it later.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3) Create your app
&lt;/h2&gt;

&lt;p&gt;Go to &lt;a href="https://www.webintoapp.com/" rel="noopener noreferrer"&gt;Web into app.com&lt;/a&gt; and click "Get Started". It should take you to this screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0j9w5ba3ohgzpnsx84gy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0j9w5ba3ohgzpnsx84gy.png" alt="A page with settings for your app"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click on the "HTML Files" tab next to the currently selected tab "Online URL".&lt;/p&gt;

&lt;p&gt;You should see something like this:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffgqvyo1vr5ustvfahnsi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffgqvyo1vr5ustvfahnsi.png" alt="The "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now you can upload your ZIP file.&lt;/p&gt;

&lt;p&gt;Your page should look similar to this:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fatwbxpb7neeh8ygyn03m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fatwbxpb7neeh8ygyn03m.png" alt="Basically the same page, but I uploaded the ZIP file"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can now change the settings and personalize your app settings. You can press next.&lt;/p&gt;

&lt;h3&gt;
  
  
  Example Settings
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fszzzt78bovss0af9psik.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fszzzt78bovss0af9psik.png" alt="I changed the settings pt. 1"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpek0jaigwkire6vz57kr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpek0jaigwkire6vz57kr.png" alt="I changed the settings pt. 2"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now, you will need to create an account. It's really easy: all you need to do is scroll down, click on "Register | FREE" and fill out the form:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8om8rua7umwhaio6htxn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8om8rua7umwhaio6htxn.png" alt="The "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;After the site reloads, press the options you want (basically free or pay) and click "Make App".&lt;/p&gt;

&lt;p&gt;You should see this screen once you clicked the button:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffq10b0qvri72z34nzuw3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffq10b0qvri72z34nzuw3.png" alt="Loading screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You should see your new app in your dashboard:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgkjzhcemvhp1e5p9ibgq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgkjzhcemvhp1e5p9ibgq.png" alt="The new app I created which is highlighted in the dashboard"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can now download &lt;em&gt;all&lt;/em&gt; files of your app by downloading:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4c6x9ztxc3ifg05gs7x9.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4c6x9ztxc3ifg05gs7x9.gif" alt="A GIF of me downloading the ZIP file of my app"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4) Retrieving the apk file
&lt;/h2&gt;

&lt;p&gt;We only need the apk file, and not the whole ZIP file.&lt;/p&gt;

&lt;p&gt;1) Decompress the ZIP file to turn it into a folder.&lt;/p&gt;

&lt;p&gt;2) Click on the folder and click on the "android" folder.&lt;/p&gt;

&lt;p&gt;3) Copy your "app-release.apk" file and move it so the file is no longer in any folder.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You now have your own app that you can publish and use!&lt;/strong&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;In conclusion, we were able to create an app without having to code or pay for anything. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Make sure to tell me in the comments what app you created using ChatGPT&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>tutorial</category>
      <category>html</category>
      <category>chatgpt</category>
      <category>programming</category>
    </item>
    <item>
      <title>How to code your own chatbot in Python</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Sat, 17 Feb 2024 17:26:07 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/how-to-code-your-own-chatbot-in-python-24je</link>
      <guid>https://dev.to/alex_the_dev/how-to-code-your-own-chatbot-in-python-24je</guid>
      <description>&lt;p&gt;AI or Artificial Intelligence can be so advanced that it can be in self-driving vehicles capable of navigating through busy streets, personal virtual assistants who answer our questions and have conversations with us, and ways to systems capable of recognizing diseases in medical images. AI can be really complicated, even in the most simplest things like chatbots.&lt;/p&gt;

&lt;p&gt;But there is a way to create your own chatbot without all of the fancy APIs or know a lot about AI. All you need is an email, and some basic knowledge in Python.&lt;/p&gt;

&lt;h2&gt;
  
  
  How To Create Your Own Chatbot
&lt;/h2&gt;

&lt;p&gt;Creating your own chatbot is a lot simpler than you might imagine. It doesn't take thousands of lines to code; possibly less than 200 lines.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://nanohub.org/"&gt;Nanohub&lt;/a&gt; makes it easy to create your own chatbot. A student created a template for you and all you have to do it tweak it slightly to personalizes your chatbot.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Don't worry if you don't know a lot of Python or even at all&lt;/strong&gt;, the student made it easy to know what you are doing, and I will even help you too.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Setup
&lt;/h3&gt;

&lt;p&gt;The setup is most likely the hardest part of the whole process, so make sure to follow me step by step.&lt;/p&gt;

&lt;h4&gt;
  
  
  1) Make an account
&lt;/h4&gt;

&lt;p&gt;Go to &lt;a href="https://nanohub.org/"&gt;nanohub.org&lt;/a&gt; and create your account.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F86ev35xu1qmpu5a91nyh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F86ev35xu1qmpu5a91nyh.png" alt="The login/signup screen" width="800" height="500"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;h6&gt;
  
  
  Your screen should look like this
&lt;/h6&gt;

&lt;p&gt;Once you quickly make you account, you should be on the dashboard:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftn9eyduc0ostts1w5fpc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftn9eyduc0ostts1w5fpc.png" alt="Nanohub's Dashboard" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  Your dashboard should look similar to this
&lt;/h6&gt;

&lt;h4&gt;
  
  
  2) Start a new session
&lt;/h4&gt;

&lt;p&gt;Go to "My Tools" section on the most right-hand side of your dashboard.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fki2hqjdhe0wjr91aefdu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fki2hqjdhe0wjr91aefdu.png" alt='An arrow pointing to the "My Tools" section' width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then click on the subsection "All Tools".&lt;/p&gt;

&lt;p&gt;Now search and favorite (by clicking on the heart) this tool:&lt;/p&gt;

&lt;h5&gt;
  
  
  Jupyter Notebook (202105)
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fag3ko218t6myypy14ejw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fag3ko218t6myypy14ejw.png" alt="My cursor is about to favorite the tool Jupyter Notebook (202105)" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click on Jupyter Notebook (202105) and it should take you to this screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpzursjbqdmcf0m7w59a6.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpzursjbqdmcf0m7w59a6.gif" alt="A GIF of me clicking on Jupyter Notebook (202105)" width="600" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  When you click on the tool, it should take you to that screen
&lt;/h6&gt;

&lt;p&gt;Now, click on &lt;strong&gt;&lt;em&gt;Launch Tool&lt;/em&gt;&lt;/strong&gt; (It should take a while)&lt;/p&gt;

&lt;h4&gt;
  
  
  3) Upload and start your tool
&lt;/h4&gt;

&lt;p&gt;After awhile, you should be on this page:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7rfyiuggy5hafefh1mut.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7rfyiuggy5hafefh1mut.png" alt="Jupyter Notebook (202105) Page" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  You won't see any files if this is your first time on Nanohub. I have used it before, that's why you can see these files.
&lt;/h6&gt;

&lt;p&gt;Now, click this link to download your chatbot template: &lt;a href="https://drive.google.com/uc?export=download&amp;amp;id=1tjxwxCSshrrkliECodYGXFHSifj3k12Z"&gt;Download File&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Once your file has finished downloading, click on the "Upload" button.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F87ovukuyholv6vs1s3k8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F87ovukuyholv6vs1s3k8.png" alt='An arrow pointing to the "Upload" button' width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once you have uploaded, you should see a new file on your screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv156k96s3rar1ykoe11p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv156k96s3rar1ykoe11p.png" alt="A red-outlined box of the newest file I have just uploaded" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click on the file you have just uploaded and then &lt;strong&gt;you are officially done with the setup&lt;/strong&gt;.&lt;/p&gt;

&lt;h5&gt;
  
  
  NOTE: Make sure to delete the error in the code:
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3hq82s738rsr234zkg6z.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3hq82s738rsr234zkg6z.gif" alt=" a GIF of me deleting the error inside the code" width="600" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  The Personalization Part
&lt;/h3&gt;

&lt;p&gt;The best part! You could spend hours or even days on this part, so below, I will give you some suggestions and how to code them.&lt;/p&gt;

&lt;h4&gt;
  
  
  1) Complete the TODOs
&lt;/h4&gt;

&lt;p&gt;If you just want to do some simple tweaks, there are a bunch of "TODO" comments for you to complete. You don't have to do it all, but they help you know what to do and personalize.&lt;/p&gt;

&lt;h5&gt;
  
  
  Example
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdwhehts5oi3adbbngzd3.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdwhehts5oi3adbbngzd3.gif" alt="A GIF of me changing h=the name of the chatbot" width="600" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Code:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;name = "The Best Bot"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  2) Customize the responses
&lt;/h4&gt;

&lt;p&gt;If you look deeper into the code, you will see some responses.&lt;/p&gt;

&lt;p&gt;For example, this is one response to when you say "how are you?":&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;"how are you?": [ 
"I am feeling {0}".format(mood),
"I don’t ever wanna feel like I did that day, take me to the place I love, take me all the way",
"Eh, with the birds I'll share this lonley view, scar tissue that I wish you saw."
"{0}! How about you?".format(mood), ],
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can edit responses or even add some more responses that matches your chatbot.&lt;/p&gt;

&lt;h5&gt;
  
  
  Example
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwwr8ykg99zxc0lgfie70.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwwr8ykg99zxc0lgfie70.gif" alt="A quick GIF on how to add a response" width="600" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Code:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;"what is 2 + 2?": [
    "2 + 2 = 4",
    "I don't know, {0}!".format(user_name),
    "Easy, 2 + 2 = 5!"
],
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;...&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;def user_intent(user_input_text):
    #if user_input_text is empty, no need to check for user intent.
    if len(user_input_text) == 0:
        return ""

    #this next command changes creates a list of lowercase words from input
    x_text = user_input_text.lower().split()
    #y_text is the intent keyword written exactly as in responses.
    y_text = ""

    #TODO: use this construct if you have many keywords for one intent.
    #the values in square brackets are your possible keywords
    if any(True for x in x_text if x in ["hello","hi", "hey", "greetings"]):
        y_text = "Hello"

    elif any(True for x in x_text if x in ["bye","goodbye", "exit", "done"]): 
        y_text = "Bye"

    #TODO: use this construct if you have only one keyword for one intent.
    elif "from" in x_text: 
        y_text = "Where are you from?"

    elif "born" in x_text: 
        y_text = "Where were you born?"

    elif "name" in x_text: 
        y_text = "what's your name?"

    elif "can you do" in x_text: 
        y_text = "What can you do?"

    elif "weather" in x_text: 
        y_text = "what's today's weather?"

    elif "robot" in x_text: 
        y_text = "Are you a robot?"

    elif "how are" in x_text: 
        y_text = "how are you?"

    elif "feeling" in x_text: 
        y_text = "how are you?"

    elif "why" in x_text: 
        y_text = "Why?"

    elif "good" in x_text: 
        y_text = "Good"

    elif "okay" in x_text: 
        y_text = "Okay"
     #The following code tells the chatbot "if the user says anything about math, do this
    elif "math" in x_text: 
        y_text = "what is 2 + 2?"
    #TODO: Add or remove as many elif as you need, leave this else intact.
    else: 
        y_text = ""

    return y_text

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  3) CHALLENGE: Add an API or a library in your code for a smarter chatbot
&lt;/h4&gt;

&lt;p&gt;This is a little harder than the other two suggestions because I want to challenge my more intermediate audience.&lt;/p&gt;

&lt;p&gt;The code already has a library imported:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;#calling import random will allow Python to use commands in the random library
import random

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;...&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
The code in this cell will get a random message given the intent_keyword
#to send to the user associated with the keywords in the response
#if it cannot find the intent, it will return the default message

def respond(intent_keyword):

    if intent_keyword in responses: 
        bot_message = random.choice(responses[intent_keyword])

    else: 
        bot_message = random.choice(responses["default"])

    return bot_message
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h6&gt;
  
  
  This code randomizes the responses. That's why you get a different response even if you ask the same question.
&lt;/h6&gt;

&lt;p&gt;You can add another library or API into the code.&lt;/p&gt;

&lt;h5&gt;
  
  
  Example
&lt;/h5&gt;

&lt;p&gt;Maybe try a weather library that gets the actual weather in your city.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Tell me in the comments what API/library you tried.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;To sum things up, it is pretty easy to create your own chatbot using Nanohub, and you don't even need to know a lot of Python!&lt;/p&gt;

</description>
      <category>ai</category>
      <category>python</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Should You Learn How To Code In 2024?</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Wed, 31 Jan 2024 11:19:25 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/should-you-learn-how-to-code-in-2024-14o5</link>
      <guid>https://dev.to/alex_the_dev/should-you-learn-how-to-code-in-2024-14o5</guid>
      <description>&lt;h6&gt;
  
  
  &lt;a href="https://skillcrush.com/blog/should-i-learn-to-code/"&gt;source&lt;/a&gt;
&lt;/h6&gt;

&lt;p&gt;This has been a question of mine for a couple of days now. With the emergence of AI and the abundance of junior developers, it can be easy to re-think wanting to become a developer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Should You Be a Developer?
&lt;/h2&gt;

&lt;p&gt;Being a developer is a lot more than coding simple Python syntax or adding a cool h1 tag to a website. I can’t answer this question for everyone, sometimes it just boils down to “Do I even want to be a developer?”.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Pros
&lt;/h3&gt;

&lt;h4&gt;
  
  
  High demand
&lt;/h4&gt;

&lt;p&gt;There is a high demand for developers because, after all, the shift towards technology, it’s almost impossible to create a business or company without a website or app.&lt;/p&gt;

&lt;h4&gt;
  
  
  Great pay
&lt;/h4&gt;

&lt;p&gt;You can expect to get paid (as a junior developer in the US) $70,000 to $90,000.&lt;/p&gt;

&lt;h4&gt;
  
  
  Remote work
&lt;/h4&gt;

&lt;p&gt;Because most developers spend most of their time on their computers, most developers can work from home.&lt;/p&gt;

&lt;h4&gt;
  
  
  Creativity
&lt;/h4&gt;

&lt;p&gt;It is a requirement to be creative if you want to be a developer. As I said in my article:&lt;br&gt;
&lt;a href="https://medium.com/@alexagboolacodes/sketch2code-is-the-need-for-web-developers-dying-67ae8f42baf2?source=post_page-----42d798c6697e--------------------------------"&gt;Sketch2Code | Is The Need For Web Developers Dying?&lt;/a&gt;&lt;br&gt;
I said that the main reason AI is not taking web (or really any) developers’ jobs is because of originality and creativity. AI is just a bunch of algorithms, so it’s not like AI can create 100% original and creative websites as I said in my article:&lt;br&gt;
&lt;a href="https://medium.com/@alexagboolacodes/chatgpt-sucks-at-coding-websites-86420daa32fb"&gt;ChatGPT SUCKS At Coding Websites&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  The Cons
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Repetition
&lt;/h4&gt;

&lt;p&gt;Debugging is essentially 90% of coding, which can be repetitive and lead to burnout.&lt;/p&gt;

&lt;h4&gt;
  
  
  Work-life balance
&lt;/h4&gt;

&lt;p&gt;As a junior developer (especially for start-ups), you will work late nights and grueling hours.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to be a web developer
&lt;/h2&gt;

&lt;p&gt;After deciding if you want to be a developer, you have to figure out how you will be a developer.&lt;/p&gt;

&lt;h3&gt;
  
  
  How I Would Be a Full-Stack Developer (If I Could Start Over)
&lt;/h3&gt;

&lt;p&gt;Don’t worry if you want to be a front-end developer or if you want to lean more into the back-end; I will label if you need to learn some things front-end or back-end.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flz7p13la3f85mbaw1yum.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flz7p13la3f85mbaw1yum.png" alt="An image of a road going from start to end." width="234" height="216"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  The Roadmap (In order):
&lt;/h4&gt;

&lt;p&gt;&lt;strong&gt;Learn the Front-End&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;-HTML (Front-End)&lt;br&gt;
-CSS (Front-End)&lt;br&gt;
-JavaScript (Front-End)&lt;br&gt;
-JavaScript’s DOM (Front-End)&lt;br&gt;
-APIs (Front-End)&lt;/p&gt;

&lt;p&gt;-Learn how to use the Terminal&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Learn the Back-End&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;-Node.JS (Back-End)&lt;br&gt;
-The database basics (Back-End)&lt;br&gt;
-React.JS (Front-End)&lt;br&gt;
-TypeScript (Front-End)&lt;br&gt;
-Learn Networks&lt;br&gt;
-Learn how to use Cloud&lt;br&gt;
-Learn about security&lt;br&gt;
-Learn SSR&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;In conclusion, I think being a developer is a great idea.&lt;/p&gt;

&lt;p&gt;It’s better to start now than later, because more and more people are starting to learn how to code and there are lots of junior developers, and the more junior developers, the more money the company wastes.&lt;/p&gt;

&lt;p&gt;Let me elaborate. See, when a company hires someone, they need someone to teach you things. Not only is that company paying you to basically do nothing, they are also spending their time and energy with you until you are ready. This might not apply for every company, but you get my point. Companies are becoming very weary when it comes for junior developers, so you will need to stand out.&lt;/p&gt;

&lt;p&gt;There are many ways to learn how to code, you can use platform like YouTube and Freecodecamp (which as both helped me a ton), you can pay for some classes or courses, or you can go to college and learn there. There are many ways to learn how to code, sometimes they take days, weeks, months, or even years depending on what you take.&lt;/p&gt;

&lt;h3&gt;
  
  
  Suggestions
&lt;/h3&gt;

&lt;p&gt;If you have no idea what you want to do, here are some free and self-paced suggestions to jumpstart your coding career:&lt;br&gt;
&lt;a href="//freecodecamp.org"&gt;Freecodecamp.org&lt;/a&gt;&lt;br&gt;
&lt;a href="//coursera.org"&gt;Coursera&lt;/a&gt;&lt;br&gt;
&lt;a href="//codecademy.com"&gt;Codecademy&lt;/a&gt;&lt;br&gt;
&lt;a href="//pluralsight.com"&gt;PluralSight&lt;/a&gt;&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>The Future of AI: Multimodal AI Models</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Sun, 07 Jan 2024 17:06:55 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/the-future-of-ai-multimodal-ai-models-56hn</link>
      <guid>https://dev.to/alex_the_dev/the-future-of-ai-multimodal-ai-models-56hn</guid>
      <description>&lt;h6&gt;
  
  
  (&lt;a href="https://ideausher.com/blog/what-are-multimodal-model-ai/"&gt;source&lt;/a&gt;)
&lt;/h6&gt;

&lt;p&gt;You've probably seen words like &lt;em&gt;Machine Learning&lt;/em&gt; and &lt;em&gt;Multimodal AI Models&lt;/em&gt; but aren't sure what they mean. It can be hard to fully know the technical terminology with today's emerging advanced AI models like ChatGPT or with AI models already integrated into our lives like virtual assistants Siri or Alexa. Today's article is on what is Multimodal AI Models and how they change our everyday lives.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Are Multimodal AI Modals
&lt;/h2&gt;

&lt;p&gt;Multimodal AI models are AI models that can process and interpret multiple types of data input at a time like audio, text, images, videos, and more.&lt;/p&gt;

&lt;p&gt;For example, ChatGPT 4 can analyze and create images, so let's say I have a picture of a beach, and I ask ChatGPT:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Tell me what the weather might be in this picture.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhy3pw136f9quka2f9v4b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhy3pw136f9quka2f9v4b.png" alt="ChatGPT answered: Based on the image you've uploaded, it depicts a sunny beach scene. The sky is clear and blue, which indicates good weather, likely warm or hot. The sun is shining brightly, suggesting it is midday or early afternoon. The presence of a beach umbrella and lounge chairs suggests it's comfortable enough for people to relax by the shore. There are no signs of rain or stormy weather in this image." width="720" height="482"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;ChatGPT combined different types of information – like pictures and text – to tell me what it thinks is the weather.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why are Multimodal AI Models important?
&lt;/h2&gt;

&lt;p&gt;Why are Multimodal AI Models so important? Combining different types of data can give you a more complete understanding of a topic, or in other words, ChatGPT can be your researcher. Instead of going through hundreds of websites on Google, you only need to type one prompt and get all you need in one convenient place.&lt;/p&gt;

&lt;h2&gt;
  
  
  Real-world examples of Multimodal AI Models
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F98ozmh1g95bibmcam0mb.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F98ozmh1g95bibmcam0mb.jpg" alt="GitHub" width="640" height="960"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  (&lt;a href="https://unsplash.com/photos/a-computer-screen-with-a-web-page-on-it-q1p2DrLBtko"&gt;source&lt;/a&gt;)
&lt;/h6&gt;

&lt;p&gt;One great example we hear from Google a lot is their Gemini AI. I wrote an article all about it &lt;a href="https://medium.com/@alexagboolacodes/gemini-pro-1-0-bard-vs-chatgpt-4-0-cdde08fc4331"&gt;here&lt;/a&gt;. The article was about how Google has released Gemini 1.0, a multi-modal system that combines image, text, speech, and numerical data types to perform better results. I compared ChatGPT 4.0 with Bard's new AI, Gemini Pro, to test their natural language understanding and response capabilities.&lt;/p&gt;

&lt;p&gt;Another fascinating example is GitHub Copilot. GitHub Copilot uses the ChatGPT-3 model. GitHub Copilot is an AI tool in collaboration with GitHub and OpenAI to help developers by autocompleting code.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;In conclusion, multimodal AI models have revolutionized data processing by allowing various data types - such as audio, text, images, and videos - to be processed simultaneously. Now, you have at least an understanding of multimodal AI models and maybe overall AI terminology.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Trends of 2023 and Predictions on 2024 | The Industry Is Changing Drastically</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Sat, 30 Dec 2023 22:00:59 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/trends-of-2023-and-predictions-on-2024-the-industry-is-changing-drastically-3jaa</link>
      <guid>https://dev.to/alex_the_dev/trends-of-2023-and-predictions-on-2024-the-industry-is-changing-drastically-3jaa</guid>
      <description>&lt;h6&gt;
  
  
  (image from: &lt;a href="https://sparkouttechsolutions.medium.com/web-development-trends-and-technologies-2024-e99c2a29da70"&gt;an article&lt;/a&gt;)
&lt;/h6&gt;

&lt;p&gt;&lt;em&gt;2023&lt;/em&gt; has been a fascinating year. We have seen how big AI has affected web development and our lives. &lt;em&gt;ChatGPT 4.0&lt;/em&gt; has been a very impactful chatbot acquiring knowledge and machine-learning upgrades. This article is not only a recap of the intriguing year &lt;em&gt;2023&lt;/em&gt;, but I will also talk about mine and other people's predictions of &lt;em&gt;2024&lt;/em&gt;. &lt;/p&gt;

&lt;h2&gt;
  
  
  Trends Of 2023
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Filrohqe4r76ycg6k8he0.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Filrohqe4r76ycg6k8he0.jpeg" alt="trends of 2023" width="313" height="161"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  (image from: &lt;a href="https://www.krishaweb.com/blog/web-development-trends/"&gt;an article&lt;/a&gt;)
&lt;/h6&gt;

&lt;p&gt;Here are my top 5 trends that have happened in 2023:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Artificial Intelligence Integration
&lt;/h3&gt;

&lt;p&gt;AI (for obvious reasons) wasn't a surprise on this list. The one feature I and many bloggers have seen this year is how AI is integrated into websites and used for likewise customer support.&lt;/p&gt;

&lt;p&gt;Yes, this idea of adding AI customer support is not new, and I have talked about it in my other blog earlier &lt;a href="https://arc.net/l/quote/zovhrxvj"&gt;here&lt;/a&gt;. We have seen AI chatbots like ChatGPT become more intelligent and more capable, and I think these are the reasons why this topic deserves to be on this list.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Progressive Web Apps (PWAs)
&lt;/h3&gt;

&lt;p&gt;PWAs are a trending thing this year and maybe even next year. Progressive Web Apps or PWA are simple websites focused on user experience and functionality, for example, a calculator or a weather application.&lt;/p&gt;

&lt;p&gt;Why is it trending? Well, PWAs are very similar to native apps that have offline capabilities and fast loading times. They aren't heavy, so they are affordable for developers, making them very popular. They also offer amazing user experience, making it a very accessible tool as well.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Low-Code/No-Code Development
&lt;/h3&gt;

&lt;p&gt;Low-code or No-Code Development has been a trend for a while, and it'll be one for a long time. Applications like Webflow and WordPress are broadening the definition of being a developer; you don't need to know how to code to become an extraordinary developer!&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Cybersecurity Enhancements
&lt;/h3&gt;

&lt;p&gt;As tech becomes more sophisticated, so will cyber attacks like viruses or hacker technology. Because of that, the need for more advanced security is growing.&lt;/p&gt;

&lt;p&gt;Developers will need to apply things like anti-viruses and additional security measures, encompassing advanced sign-up requirements or encryption.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. JavaScript's Dominance
&lt;/h3&gt;

&lt;p&gt;I'm not surprised JavaScript made it on the list. It is one of if not the most popular language in web development, and it's no surprise it is going to continue to be like that in the future.&lt;/p&gt;

&lt;p&gt;With JavaScript's endless amount of popular libraries, how easy it is to learn, and how much of a demand it is, you can only know HTML, CSS, and Javascript (vanilla and libraries)and already 80% completed with your full-stack journey.&lt;/p&gt;

&lt;h2&gt;
  
  
  Predictions for 2024
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5yqeuy94scf9jkq1hk47.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5yqeuy94scf9jkq1hk47.png" alt="Predictions For 2024 image" width="305" height="165"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  (image from: &lt;a href="https://www.criteo.com/blog/ahead-of-the-curve-2024-advertising-predictions-from-criteo-experts/"&gt;an article&lt;/a&gt;)
&lt;/h6&gt;

&lt;p&gt;2024 is going to be a year full of fun! Here are my 5 predictions I have made for next year:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Quantum Computing in Web Development
&lt;/h3&gt;

&lt;p&gt;Quantum Computing in web development means websites will load faster, as the author, Abid Salahi, describes in his article: &lt;a href="https://arc.net/l/quote/kjyfhemd"&gt;"...websites that load in milliseconds, capable of handling immense data loads with no lag"&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Quantum Computing is a game-changer if it's becoming a trend in 2024, but it won't be to you if you don't even know what it means!&lt;/p&gt;

&lt;h4&gt;
  
  
  What Even Is Quantum Computing
&lt;/h4&gt;

&lt;p&gt;Quantum computing is a real-life, incredible piece of technology that uses quantum-like tech. Unlike normal computers that use bits (0s and 1s), quantum computers use quantum bits or qubits. This allows qubits to be in multiple states at the same time.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Dark Mode
&lt;/h3&gt;

&lt;p&gt;Dark Mode is not only good at battery, better on the eyes, it's just looks cool. I and many people use dark mode on almost every website. Dark mode has been a thing this year and it doesn't look like it will stop. In fact, over 60% of users world-wide said they use dark mode.&lt;/p&gt;

&lt;h4&gt;
  
  
  What Is the Future For Dark Mode?
&lt;/h4&gt;

&lt;p&gt;One example is websites will be able to detect what time it is for the user (websites can do this already) and change the mode based on the time. So when it is in the afternoon, it will be light mode, then at night or early in the morning, dark mode will turn on.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Server-less Computing
&lt;/h3&gt;

&lt;p&gt;Server-less Computing makes one less thing for developers to worry about. Server-less Computing doesn't &lt;u&gt;actually&lt;/u&gt; mean no servers; it just means developers can focus on code and not server management.&lt;/p&gt;

&lt;h4&gt;
  
  
  Other Perks Of Server-less Computing
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Cost-efficient&lt;/li&gt;
&lt;li&gt;Takes less time to make&lt;/li&gt;
&lt;li&gt;Very scalable&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  4. AR in Websites
&lt;/h3&gt;

&lt;p&gt;Yep, Augmented Reality in web development.&lt;/p&gt;

&lt;p&gt;Websites like Amazon and Walmart have this feature where you can see the product you want to buy in real time. Meta has also added this feature in their Meta Quest VR headsets.&lt;/p&gt;

&lt;p&gt;AR in websites can be a real game-changer, both literally and metaphorically.&lt;/p&gt;

&lt;p&gt;For example, Scratch, which is a platform made for kids and beginners to learn the basics of coding using block-based programming, has this feature where you can program a game using AR features:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqfxlwd8j5fufax9nehtz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqfxlwd8j5fufax9nehtz.png" alt="Me waving at the camera using AR in Scratch" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  5. AI
&lt;/h3&gt;

&lt;p&gt;AI will be a revolutionary in 2024.&lt;/p&gt;

&lt;p&gt;From helpful code snippets to AI-generated designs, AI has and will change the industry drastically.&lt;/p&gt;

&lt;p&gt;I have even written an article on how helpful AI has been and will be &lt;a href="https://medium.com/@alexagboolacodes/how-to-use-chatgpt-to-upgrade-your-websites-2125a214f68b"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;For example, AI will be crucial for optimizing websites for search engines, especially voice searches. As people use voice assistants like Google Assistant and Siri, it becomes more important for websites to have a high SEO. Voice search optimization impacts SEO by changing how content is discovered and ranked on search engines like Google Chrome and Safari. AI can help with that. &lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;2024 will be fun. Yes, &lt;strong&gt;these are only predictions, and these predictions may not happen&lt;/strong&gt;, but I believe that they are true.&lt;/p&gt;

&lt;p&gt;As we wrap up an awesome year in 2023, it's clear that the web development industry has majorly changed with improvements on AI, especially with the creation of ChatGPT 4.&lt;/p&gt;

&lt;p&gt;In the year 2024, we will see major changes in web development. These changes include:&lt;/p&gt;

&lt;p&gt;-the integration of quantum computing&lt;br&gt;
-the rise of dark mode&lt;br&gt;
-server-less computing&lt;br&gt;
-augmented reality&lt;br&gt;
-artificial intelligence&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;These trends will improve how users interact with websites.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>development</category>
      <category>softwaredevelopment</category>
    </item>
    <item>
      <title>Sketch2Code | Is The Need For Web Developers Dying?</title>
      <dc:creator>Alex Agboola</dc:creator>
      <pubDate>Thu, 28 Dec 2023 14:32:03 +0000</pubDate>
      <link>https://dev.to/alex_the_dev/sketch2code-is-the-need-for-web-developers-dying-38ki</link>
      <guid>https://dev.to/alex_the_dev/sketch2code-is-the-need-for-web-developers-dying-38ki</guid>
      <description>&lt;p&gt;Sketch2Code is an AI that can convert a quick sketch of a website to HTML code. This AI is not new. Microsoft has released this incredible AI in &lt;em&gt;late 2019&lt;/em&gt;. After watching some YouTube videos on AI, I started to think, &lt;strong&gt;is the need for web developers dying?&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Short-Term
&lt;/h2&gt;

&lt;p&gt;Short-term, I don't think AI will kill the need for web developers. Even with the most powerful AI now (ChatGPT and Sketch2Code), they are more of a tool than a replacement. When I say short-term, I don't mean one year or two years; I am saying five years. But that can quickly change based on how AI continues to improve.&lt;/p&gt;

&lt;p&gt;For example, I asked ChatGPT yesterday to generate a website based on a screenshot I took:&lt;/p&gt;

&lt;h4&gt;
  
  
  What I wanted ChatGPT 4 to code:
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqqzr5i20og1vn3sh94bl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqqzr5i20og1vn3sh94bl.png" alt="A navigation bar I designed in Figma." width="800" height="63"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  What ChatGPT 4 generated:
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F13kmfrqjav82acjvoegj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F13kmfrqjav82acjvoegj.png" alt="I prompted multiple times and I didn't modify the code." width="800" height="91"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This AI (&lt;a href="https://chat.openai.com/g/g-hz8Pw1quF-screenshot-to-code-gpt"&gt;A custom ChatGPT&lt;/a&gt;), did a decent job. It was meant to lay the foundation of your screenshot so you can do the rest. As I said, as a tool and not a replacement.&lt;/p&gt;

&lt;h2&gt;
  
  
  Long-Term
&lt;/h2&gt;

&lt;p&gt;In the long term, there will be changes to web development and overall coding. For example, If Sketch2Code can code a website for you with a simple sketch, web developers won't need to code as much.&lt;/p&gt;

&lt;p&gt;AI is a lot of things: our code helper, our co-pilot, and even our &lt;em&gt;fridge&lt;/em&gt;! As more and more AI is integrated into our lives, so is the demand for AI. AI is only improving and &lt;strong&gt;humans are not&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;As AI continues to get smarter and smarter, people are becoming more obsolete. Why be a photographer with expensive cameras and years of training when AI can generate images with a few words, why become a musician, spending lots of money on instruments and classes when you can press "generate" to make music for you? Why become a programmer when AI tools like ChatGPT can code for you?&lt;/p&gt;

&lt;p&gt;These are the reasons why I think in the long term, AI will do our jobs for us, and this is only the beginning.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I think
&lt;/h2&gt;

&lt;p&gt;I &lt;em&gt;know&lt;/em&gt; web development is not dying. This year, more than one million unfilled spots need to be filled by developers!&lt;/p&gt;

&lt;p&gt;The way I see it, ChatGPT (and other AI tools), just like NFTs, will die out eventually. I'm not saying AI is dying. It's thriving! I'm saying that (not so soon!) ChatGPT and other AI tools will get overtaken by more, smarter, and overall better AI. AI, after all, &lt;strong&gt;is a tool and not a replacement&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It is a great time to be a web developer! &lt;em&gt;AI is not everything&lt;/em&gt;, but it is a lot of things.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;AI isn’t everything. I've heard people say “&lt;em&gt;AI is the future and that’s all we should focus on.&lt;/em&gt;” or “&lt;em&gt;Why be a web developer when there are AI tools that can make websites in seconds?&lt;/em&gt;”. These claims are not accurate.&lt;/p&gt;

&lt;p&gt;I went to the website, “&lt;em&gt;Will Robots Take My Job&lt;/em&gt;” and searched for web developers the results were rather shocking. Some people thought AI would take my job! &lt;em&gt;W.R.T.M.J&lt;/em&gt; runs on votes from users around the world, so the results might be biased, inaccurate, or someone might be trolling, so it is not a very reliable tool.&lt;/p&gt;

&lt;p&gt;If there is one thing that might make me keep my job is that when you are a web developer, you need originality. “&lt;em&gt;StackOverflow Ctrl + C, Ctrl + V ‘developers’&lt;/em&gt;” won’t get a job because they won’t know how to code. That’s one thing AI isn’t good at. Robots are copy-and-paste machines!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>development</category>
      <category>softwaredevelopment</category>
    </item>
  </channel>
</rss>
