<?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: James Faith</title>
    <description>The latest articles on DEV Community by James Faith (@blackpandan).</description>
    <link>https://dev.to/blackpandan</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%2F507289%2Fae3a7de0-6b7f-4375-a8f0-32ccaf167921.jpeg</url>
      <title>DEV Community: James Faith</title>
      <link>https://dev.to/blackpandan</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/blackpandan"/>
    <language>en</language>
    <item>
      <title>A Noob's Journey to Blockchain Development in Rust</title>
      <dc:creator>James Faith</dc:creator>
      <pubDate>Mon, 02 Mar 2026 16:32:26 +0000</pubDate>
      <link>https://dev.to/blackpandan/a-noobs-journey-to-blockchain-development-in-rust-f7b</link>
      <guid>https://dev.to/blackpandan/a-noobs-journey-to-blockchain-development-in-rust-f7b</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;When I picked up Rust, I wanted more than just another programming language. My goal was to build a foundation strong enough to carry me into blockchain development. I also decided to explore low-level programming , as opposed to Python and Javascript, which I was already familiar with (I know some will say Rust is a partial low-level language). I wanted to challenge and change how I think about systems programming.&lt;/p&gt;

&lt;p&gt;This drive led me to my first hands-on project, setting the stage for bigger things ahead. This article is the first chapter of that journey. I'll share how I built a ticket validator CLI in pure Rust, what I learned along the way, and how this project fits into my larger roadmap: moving from Rust fundamentals to Solana, Near, and eventually Substrate (yeah, it seems like a lot, but I plan to explore features in these blockchains mentioned, with primary focus on Solana).&lt;/p&gt;

&lt;p&gt;I'm taking a domain-based path here, applying what I learn directly to blockchain scenarios so I don't just memorize syntax and forget it. This approach helps me retain knowledge by building projects related to my goals.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Reason I Picked Rust
&lt;/h2&gt;

&lt;p&gt;Rust seemed like a good option due to current articles, videos, and reviews about its usage in production, highlighting its performance, safety, and memory management. Its strictness seemed like a nice choice if I intend to create a reliable blockchain that is to have a no-trust system.&lt;/p&gt;

&lt;p&gt;I considered Go and Python, but Go seems not to be heavily used in the crypto world, and Python's dynamic types were a no, as I planned to go with a statically typed language. It is not as performant as Rust (and yes, I love Python). This is a personal opinion, as I have no desire to involve myself in language or framework wars.&lt;/p&gt;

&lt;p&gt;Rust's borrow checker has caught memory bugs in my code that Python's flexibility might overlook, and its speed edges out Go in high-stakes blockchain environments where every millisecond counts.&lt;/p&gt;

&lt;p&gt;With Rust chosen, the real test began: struggling and understanding its unique rules and rethinking my coding habits.&lt;/p&gt;

&lt;h2&gt;
  
  
  Learning Curve
&lt;/h2&gt;

&lt;p&gt;Rust had me on the ropes😅🥲. The ownership system made me rethink my approach to data and usage before I even began coding. Each piece of data became extremely important to understand, not just another variable to use. I learnt to approach my code thinking about each data's lifetime to avoid using a value that has been dropped from memory and might create a dangling pointer (accessing data in memory that has been deleted).&lt;/p&gt;

&lt;p&gt;Rust does not have a garbage collector, so it enforces rules that make you consider each piece of data and the memory it occupies on the system, be it on the stack or heap, since Rust automatically cleans data that goes out of scope.&lt;/p&gt;

&lt;p&gt;This gave me more insight into how data used in my code is stored and accessed. For example, in my CLI project, I hit a wall trying to borrow a string after moving it to a function. Rust forced me to clone it instead, teaching me to plan data ownership upfront and avoid runtime errors that could plague a blockchain app.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resources That Helped
&lt;/h2&gt;

&lt;p&gt;The official &lt;a href="https://doc.rust-lang.org/stable/book/index.html" rel="noopener noreferrer"&gt;Rust Book&lt;/a&gt; was my holy grail. I read it online chapter by chapter, focusing on text to skip bandwidth-heavy videos due to data limitations😅. Paired with Rustlings exercises (a ~50MB download of interactive CLI drills), it reinforced concepts like borrowing through hands-on fixes. This combo kept things practical and domain-focused, letting me apply lessons straight to blockchain ideas instead of being stuck in tutorial hell.&lt;/p&gt;

&lt;p&gt;You can spin up an offline version of the rust book with &lt;code&gt;rustup&lt;/code&gt; after installation:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight rust"&gt;&lt;code&gt;&lt;span class="n"&gt;rustup&lt;/span&gt; &lt;span class="n"&gt;doc&lt;/span&gt; &lt;span class="o"&gt;--&lt;/span&gt;&lt;span class="n"&gt;book&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;for the standard library&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight rust"&gt;&lt;code&gt;&lt;span class="n"&gt;rustup&lt;/span&gt; &lt;span class="n"&gt;doc&lt;/span&gt; &lt;span class="o"&gt;--&lt;/span&gt;&lt;span class="n"&gt;std&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Journey So Far
&lt;/h2&gt;

&lt;p&gt;After getting to Chapter 12 of the Rust Book, I decided to create a ticket validator CLI app to implement what I've learned, as my goal is to link it to the blockchain and make a working app which allows users to buy and sell tickets for events, with minimal gas fees to maximize profits.&lt;/p&gt;

&lt;p&gt;What does it do so far? In pure Rust, it handles basic ticket creation, validation, and hashing using crates like serde for JSON serialization and ed25519-dalek for signing secure checks, making it modular and efficient for future Web3 integration.&lt;/p&gt;

&lt;p&gt;For now, this CLI serves as a solid proof of concept, showing Rust's power in action. I'll share more details about my progress with the ticket CLI app in future posts. This article is just an introduction.&lt;/p&gt;

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

&lt;p&gt;Building the ticket validator taught me more than syntax. It showed me how Rust enforces discipline through ownership, error handling, and modular design. These lessons are exactly what I’ll need as I move into blockchain frameworks where reliability and security are non-negotiable. This project is just the beginning. Next, I’ll be working with Solana’s Anchor framework to mint tickets at scale.&lt;/p&gt;

&lt;p&gt;If you’re also learning Rust or curious about blockchain, I hope my journey gives you a clear example of how starting small can lead to bigger systems. Follow along, and let’s grow together.&lt;/p&gt;

&lt;h2&gt;
  
  
  RESOURCES
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Ticket Validator CLI: &lt;a href="https://github.com/blackpandan/Ticket-Validator" rel="noopener noreferrer"&gt;https://github.com/blackpandan/Ticket-Validator&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Rust Book: &lt;a href="https://doc.rust-lang.org/stable/book/index.html" rel="noopener noreferrer"&gt;https://doc.rust-lang.org/stable/book/index.html&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Rustlings: &lt;a href="https://rustlings.rust-lang.org/" rel="noopener noreferrer"&gt;https://rustlings.rust-lang.org/&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Serde: &lt;a href="https://serde.rs/" rel="noopener noreferrer"&gt;https://serde.rs/&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Ed25519-Dalek: &lt;a href="https://docs.rs/ed25519-dalek/latest/ed25519_dalek/index.html" rel="noopener noreferrer"&gt;https://docs.rs/ed25519-dalek/latest/ed25519_dalek/index.html&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>Setting Up Django Rest Framework</title>
      <dc:creator>James Faith</dc:creator>
      <pubDate>Fri, 27 Nov 2020 22:06:27 +0000</pubDate>
      <link>https://dev.to/blackpandan/setting-up-django-rest-framework-dn7</link>
      <guid>https://dev.to/blackpandan/setting-up-django-rest-framework-dn7</guid>
      <description>&lt;h3&gt;
  
  
  Django Rest Framework (DRF)
&lt;/h3&gt;

&lt;p&gt;Django framework is a powerful toolkit for building web API's&lt;/p&gt;

&lt;p&gt;its comes with many interesting features which include: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a web_browsable_api&lt;/li&gt;
&lt;li&gt;serialization that supports ORM&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;an API(application programming interface) gives us data when requests are sent to it.&lt;/p&gt;

&lt;p&gt;this data is usually in the form of JSON(JavaScript Object Notation). &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;yes, it is not only for javascript&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Django rest framework(DRF) helps us customize the requests handling and the outputs down to status codes.&lt;/p&gt;

&lt;p&gt;to install it Django and python is required&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;python -m venv env
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;to create a virtual environment
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;pip install django
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;install django
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;pip install djangorestframework Markdown django-filter
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;install django rest framework
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;django-admin startproject api
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;start a django project&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;change directory to api/api&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;open settings.py&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;under installed apps&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;add the following lines to the end of the list&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;"rest_framework",
"rest_framework.authtoken"

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

&lt;/div&gt;



&lt;p&gt;change directory to the root api&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;python manage.py migrate
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;python manage.py runserver
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>programming</category>
      <category>django</category>
      <category>drf</category>
      <category>python</category>
    </item>
    <item>
      <title>Tech is your bestie</title>
      <dc:creator>James Faith</dc:creator>
      <pubDate>Thu, 26 Nov 2020 16:46:39 +0000</pubDate>
      <link>https://dev.to/blackpandan/tech-is-your-bestie-k1</link>
      <guid>https://dev.to/blackpandan/tech-is-your-bestie-k1</guid>
      <description>&lt;h4&gt;
  
  
  A guide to getting comfortable in tech and overcoming impostor syndrome
&lt;/h4&gt;

&lt;p&gt;&lt;br&gt;&lt;br&gt;
Starting in tech is usually exciting, the fact that you just discovered, that you can do more with your computer or phone than you think gives you the trills, this makes you relate to quote by Nikola Tesla&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;I do not think there is any thrill that can go through the human heart like that felt by the inventor as he sees some creation of the brain unfolding to success. Such emotions make a man forget food, sleep, friends, love, everything.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;but as time goes by you get involved with more people in the developer community, and you discover this vast ocean of knowledge, this makes you happy, but at the same time, you feel that you just know only a drop of knowledge from that ocean compared to other programmers you see out there and it frightens you and makes you feel like you don't belong here.&lt;/p&gt;

&lt;p&gt;this is pretty normal for everybody, but one thing I realized was that, I was just beginning my journey, you are just beginning your journey, those that are here before us, started from somewhere and there was a time they felt left out too, and if we look back we will discover that we have made great progress although it seams little, &lt;/p&gt;

&lt;p&gt;from knowing what HTML means to playing around with javascript framework and knowing how to use API's its crazy,&lt;/p&gt;

&lt;p&gt;but just know that you have come a long way, and some people are currently where you started, the best thing to do is to continue exploring that ocean of knowledge and enjoy doing it because that's what is important.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;P.s always seek help from those above you&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;appreciations:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;span&gt;Photo by &lt;a href="https://unsplash.com/@fossy?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Fab Lentz&lt;/a&gt; on &lt;a href="https://unsplash.com/s/photos/inspiration?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span&gt;OG Photo by &lt;a href="https://unsplash.com/@emmamatthews?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Emma Matthews Digital Content Production&lt;/a&gt; on &lt;a href="https://unsplash.com/s/photos/inspiration?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span&gt;Cover Photo by &lt;a href="https://unsplash.com/@drew_beamer?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Drew Beamer&lt;/a&gt; on &lt;a href="https://unsplash.com/s/photos/inspiration?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;

</description>
      <category>newbie</category>
      <category>programming</category>
      <category>impostor</category>
      <category>coding</category>
    </item>
    <item>
      <title>Intro to HTML5</title>
      <dc:creator>James Faith</dc:creator>
      <pubDate>Thu, 26 Nov 2020 11:47:04 +0000</pubDate>
      <link>https://dev.to/blackpandan/intro-to-html5-555n</link>
      <guid>https://dev.to/blackpandan/intro-to-html5-555n</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;This is a continuation of the intro to web dev series,&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Html means Hyper Text Markup Language it is used to design the structure of the page, and collect user inputs.&lt;/p&gt;

&lt;p&gt;html deals with tags e.g&lt;/p&gt;

&lt;pre&gt;
&amp;lt;!DOCTYPE html&amp;gt;
&lt;/pre&gt;

&lt;p&gt;this is a simple html tag that is used for declaration of html5 , there are different versions of html , that's why a declaration is needed.&lt;/p&gt;

&lt;p&gt;an example of a simple html5 structure:&lt;/p&gt;

&lt;pre&gt;
 &amp;lt;!DOCTYPE html&amp;gt;
 &amp;lt;html&amp;gt;
   &amp;lt;head&amp;gt;
     &amp;lt;meta charset="utf-8" /&amp;gt;
   &amp;lt;/head&amp;gt;
   &amp;lt;body&amp;gt;
     &amp;lt;h1&amp;gt;hi there
   &amp;lt;/body&amp;gt;
 &amp;lt;/html&amp;gt; 
&lt;/pre&gt;

&lt;p&gt;we will go through most tags in this series&lt;/p&gt;

&lt;p&gt;the first tag we will be looking at is the :&lt;/p&gt;

&lt;pre&gt; &amp;lt;!DOCTYPE html&amp;gt; &lt;/pre&gt;

&lt;p&gt;as explained above it is used for declaration of html5&lt;/p&gt;

&lt;p&gt;the next tag is the:&lt;/p&gt;

&lt;pre&gt; &amp;lt;html&amp;gt; &amp;lt;/html&amp;gt; &lt;/pre&gt;

&lt;ul&gt;
&lt;li&gt;this tag is used to indicate the starting pointer of your html document&lt;/li&gt;
&lt;li&gt;it is also used to declare the language to use e.g
&lt;pre&gt; &amp;lt;html lang="en"&amp;gt;&lt;/pre&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;the next tag is the:&lt;/p&gt;

&lt;pre&gt;  &amp;lt;head&amp;gt; &amp;lt;/head&amp;gt; &lt;/pre&gt;

&lt;ul&gt;
&lt;li&gt;this tag is the head tag, it is used to contain data for the metadata which is the data for the about the html document, which will not usually be displayed, it is used to set the properties of the html document such as the style, view-port, character set, scripts e.t.c 
&lt;pre&gt; 
&amp;lt;head&amp;gt; 
&amp;lt;meta charset="utf-8" /&amp;gt;
&amp;lt;meta name="author" content="faith james" /&amp;gt;
&amp;lt;script src="./index.js" /&amp;gt;
&amp;lt;link type="text/css" rel="stylesheet"  href="./main.css" /&amp;gt;
&amp;lt;/head&amp;gt; &lt;/pre&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;the next tag is the :&lt;/p&gt;

&lt;pre&gt;  &amp;lt;body&amp;gt;  &amp;lt;/body&amp;gt; &lt;/pre&gt;

&lt;ul&gt;
&lt;li&gt;this tag is used to contain the content of the html document e.g paragraphs, headings, images, tables e.t.c&lt;/li&gt;
&lt;li&gt;most of the content of this tags are visible in the browser.&lt;/li&gt;
&lt;li&gt;example
&lt;pre&gt;
&amp;lt;body&amp;gt;
 &amp;lt;h1&amp;gt;This is the first Heading &amp;lt;/h1&amp;gt;
 &amp;lt;p&amp;gt; this is a paragraph &amp;lt;/p&amp;gt;
 &amp;lt;img src="./sample.jpg" alt="this is a simple image" /&amp;gt;
&amp;amp;lt/body&amp;gt;
&lt;/pre&gt; &lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;we will discuss about more about tags in the next article in this series&lt;/p&gt;

&lt;p&gt;&lt;span&gt;Cover Photo by &lt;a href="https://unsplash.com/@vishnurnair?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Vishnu R Nair&lt;/a&gt; on &lt;a href="https://unsplash.com/s/photos/html?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span&gt;Photo by &lt;a href="https://unsplash.com/@jstrippa?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;James Harrison&lt;/a&gt; on &lt;a href="https://unsplash.com/s/photos/html?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>html</category>
      <category>webdev</category>
      <category>tutorial</category>
      <category>programming</category>
    </item>
    <item>
      <title>HTML Tutorial with mobile phone</title>
      <dc:creator>James Faith</dc:creator>
      <pubDate>Fri, 20 Nov 2020 12:19:10 +0000</pubDate>
      <link>https://dev.to/blackpandan/html-tutorial-with-mobile-phone-254d</link>
      <guid>https://dev.to/blackpandan/html-tutorial-with-mobile-phone-254d</guid>
      <description>&lt;h3&gt;
  
  
  &lt;strong&gt;Setting up Acode&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;.&lt;br&gt;
We will be continuing the &lt;a href="https://dev.to/blackpandan/intro-to-web-development-a-series-html5-to-p2i"&gt;web development series&lt;/a&gt;  , click the link to check out the previous series, we are going to look at html5&lt;/p&gt;

&lt;p&gt;First of all  Goto your phone's appstore search Acode&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fw5s2ujios2952xi4l4rn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fw5s2ujios2952xi4l4rn.png" width="720" height="880"&gt;&lt;/a&gt; &lt;br&gt;
 or go to their website&lt;br&gt;
&lt;a href="https://acode.foxdebug.com" rel="noopener noreferrer"&gt;https://acode.foxdebug.com&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;open the &lt;strong&gt;Acode app&lt;/strong&gt;&lt;/p&gt;


&lt;/li&gt;
&lt;li&gt;&lt;p&gt;click the kebab menu&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fz3ucv5qs92rsx5yr06ev.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fz3ucv5qs92rsx5yr06ev.png" alt="Alt" width="720" height="516"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;click on open folder
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fg7va549hncv96lhqaw1p.png" alt="alt" width="720" height="1275"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;click on internal storage
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fq4d7w39e6h4ep5v0mud0.png" alt="alu" width="720" height="608"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;click the plus icon
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F026bznlo8q9xxb2kv6e6.png" alt="alt" width="720" height="1358"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;click on new folder
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fz9llnbwxjydj4bsr3mdy.png" alt="Alt" width="720" height="413"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;rename it to learn
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F703v0fdtbkalshog2qy9.png" alt="alt" width="720" height="835"&gt; &lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;search and open the learn folder
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc2gsf50votbqyzmu5bpt.png" alt="alt" width="720" height="392"&gt;
&lt;/li&gt;
&lt;/ul&gt;




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




&lt;ul&gt;
&lt;li&gt;click the plus icon again and create new file
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F026bznlo8q9xxb2kv6e6.png" alt="alt" width="720" height="1358"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;rename the file to index.html
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F6vnnegt5a5o2ur5xefp7.png" alt="alt" width="720" height="965"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;click on select folder
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fp14yfo166e938fhdrph1.png" alt="alt" width="720" height="433"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;Click the hamburger menu ,then click the learn folder and your index.html 
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fp14yfo166e938fhdrph1.png" alt="alt" width="720" height="433"&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;You just created your first HTML file, we will start talking about HTML tags in the next series&lt;/p&gt;




&lt;p&gt;cover image source: &lt;br&gt;
&lt;a href="https://unsplash.com/@grakozy" rel="noopener noreferrer"&gt;Greg Rakosy - unsplash&lt;/a&gt;&lt;/p&gt;




</description>
      <category>html</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Intro to web development(a series) HTML5 to</title>
      <dc:creator>James Faith</dc:creator>
      <pubDate>Fri, 20 Nov 2020 05:46:05 +0000</pubDate>
      <link>https://dev.to/blackpandan/intro-to-web-development-a-series-html5-to-p2i</link>
      <guid>https://dev.to/blackpandan/intro-to-web-development-a-series-html5-to-p2i</guid>
      <description>&lt;p&gt;Web development in simply the process of creating a website, it can be divided into:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;frontend (client side) and &lt;/li&gt;
&lt;li&gt; backend (server side).&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;br&gt;&lt;br&gt;
The frontend deals with what the user sees and what the user will experience, we use languages like:&lt;/p&gt;

&lt;ul&gt;
 &lt;li&gt;HTML5, XML (for structure and data collection)&lt;/li&gt;
 &lt;li&gt;CSS (for the design) and &lt;/li&gt;
&lt;li&gt;JavaScript (for sending request and Making the website more dynamic).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;br&gt;&lt;br&gt;
the backend deals with the storage and manipulation of data based on requests sent by the frontend, we use languages like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;php &lt;/li&gt;
&lt;li&gt;python&lt;/li&gt;
&lt;li&gt;C#&lt;/li&gt;
&lt;li&gt;dart&lt;/li&gt;
&lt;li&gt;java&lt;/li&gt;
&lt;li&gt;
 we also use runtime environments like node.js.&lt;/li&gt;
&lt;/ul&gt;

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

&lt;h4&gt;
  
  
  &lt;strong&gt;HTML 5&lt;/strong&gt;
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fe8qdoq4pgcag4jsue9rv.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fe8qdoq4pgcag4jsue9rv.jpeg" alt="HTML img" width="344" height="146"&gt;&lt;/a&gt;&lt;br&gt;
We will be looking at HTML5 which is hyper text markup language, it is used to create the structure of the website, it is the foundation of a website, it makes use of tags for it's syntax e.g&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

&lt;pre&gt;
&amp;lt;p&amp;gt; hello &amp;lt;/p&amp;gt;
&lt;/pre&gt;

&lt;p&gt;&lt;br&gt;&lt;br&gt;
The series will continue....&lt;br&gt;
&lt;br&gt;&lt;br&gt;
Edited:&lt;br&gt;
 Part 2 - &lt;a href="https://dev.to/blackpandan/html-tutorial-with-mobile-phone-254d"&gt;intro to HTML&lt;/a&gt;&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>tutorial</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
