<?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: Volodyslav </title>
    <description>The latest articles on DEV Community by Volodyslav  (@volodyslav).</description>
    <link>https://dev.to/volodyslav</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%2F1071674%2F6bdbf15c-fdb7-4190-b15e-322aa2401d10.jpg</url>
      <title>DEV Community: Volodyslav </title>
      <link>https://dev.to/volodyslav</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/volodyslav"/>
    <language>en</language>
    <item>
      <title>Python RegEx Cheat Sheet</title>
      <dc:creator>Volodyslav </dc:creator>
      <pubDate>Thu, 11 Jul 2024 17:41:20 +0000</pubDate>
      <link>https://dev.to/volodyslav/python-regex-cheat-sheet-3d21</link>
      <guid>https://dev.to/volodyslav/python-regex-cheat-sheet-3d21</guid>
      <description>&lt;p&gt;Hello! This cheat sheet for you! Enjoy!&lt;/p&gt;

&lt;p&gt;Regular expressions in Python are handled using the &lt;code&gt;re&lt;/code&gt; module. Firstly you have to import re module by writing &lt;code&gt;import re&lt;/code&gt; in the first line of your python file.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Regex Patterns&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;.&lt;/code&gt;: Any character except a newline.&lt;br&gt;
&lt;code&gt;^&lt;/code&gt;: Start of the string.&lt;br&gt;
&lt;code&gt;$&lt;/code&gt;: End of the string.&lt;br&gt;
&lt;code&gt;*&lt;/code&gt;: Zero or more repetitions.&lt;br&gt;
&lt;code&gt;+&lt;/code&gt;: One or more repetitions.&lt;br&gt;
&lt;code&gt;?&lt;/code&gt;: Zero or one repetition.&lt;br&gt;
&lt;code&gt;{n}&lt;/code&gt;: Exactly n repetitions.&lt;br&gt;
&lt;code&gt;{n,}&lt;/code&gt;: At least n repetitions.&lt;br&gt;
&lt;code&gt;{n,m}&lt;/code&gt;: Between n and m repetitions.&lt;br&gt;
&lt;code&gt;[abc]&lt;/code&gt;: Matches a, b, or c.&lt;br&gt;
&lt;code&gt;[^abc]&lt;/code&gt;: Matches any character except a, b, or c.&lt;br&gt;
&lt;code&gt;\d&lt;/code&gt;: Matches any digit.&lt;br&gt;
&lt;code&gt;\D&lt;/code&gt;: Matches any non-digit.&lt;br&gt;
&lt;code&gt;\w&lt;/code&gt;: Matches any word character (alphanumeric plus underscore).&lt;br&gt;
&lt;code&gt;\W&lt;/code&gt;: Matches any non-word character.&lt;br&gt;
&lt;code&gt;\s&lt;/code&gt;: Matches any whitespace character.&lt;br&gt;
&lt;code&gt;\S&lt;/code&gt;: Matches any non-whitespace character.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Basic functions&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;re.search()&lt;/code&gt;: Scans through a string, looking for any location where the regex pattern matches.&lt;br&gt;
&lt;code&gt;re.match()&lt;/code&gt;: Checks for a match only at the beginning of the string.&lt;br&gt;
&lt;code&gt;re.findall()&lt;/code&gt;: Finds all substrings where the regex pattern matches and returns them as a list.&lt;br&gt;
&lt;code&gt;re.finditer()&lt;/code&gt;: Finds all substrings where the regex pattern matches and returns them as an iterator of match objects.&lt;br&gt;
&lt;code&gt;re.sub()&lt;/code&gt;: Replaces the matches with a specified string.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Examples&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;print(re.search(r"\d+", "Python is cool! 100 % ! ").group())  # 100
print(re.match(r"\w+", "Hello world").group())  # Hello
print(re.findall(r"\d+", "My 1 Python and my 2 JavaScript"))  # ['1', '2']
print(re.sub(r"\d+", "very", "Python is 1 cool and 2 nice."))  # Python is very cool and very nice.

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

&lt;/div&gt;



</description>
      <category>python</category>
      <category>regex</category>
      <category>programming</category>
    </item>
    <item>
      <title>RegEx cheat sheet for JavaScript</title>
      <dc:creator>Volodyslav </dc:creator>
      <pubDate>Sat, 07 Oct 2023 15:53:57 +0000</pubDate>
      <link>https://dev.to/volodyslav/regex-cheat-sheet-for-javascript-6np</link>
      <guid>https://dev.to/volodyslav/regex-cheat-sheet-for-javascript-6np</guid>
      <description>&lt;p&gt;Hello, guys! Today, I've prepared a Regular expression(RegEx) cheat sheet for JavaScript.😊&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Basic Patterns:&lt;/strong&gt;&lt;br&gt;
/abc/- Literal characters match themselves.&lt;br&gt;
 /./ - Matches any character except a newline.&lt;br&gt;
/\d/ - Matches a digit (0-9).&lt;br&gt;
/\D/ - Matches a non-digit.&lt;br&gt;
/\w/ - Matches a word character (alphanumeric and underscore).&lt;br&gt;
/\W/ - Matches a non-word character.&lt;br&gt;
/\s/ - Matches a whitespace character.&lt;br&gt;
/\S/ - Matches a non-whitespace character.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quantifiers:&lt;/strong&gt;&lt;br&gt;
/*/ - Matches 0 or more of the preceding element.&lt;br&gt;
/+/ - Matches 1 or more of the preceding element.&lt;br&gt;
/?/ - Matches 0 or 1 of the preceding element.&lt;br&gt;
/{n}/ - Matches exactly n of the preceding element.&lt;br&gt;
/{n,}/ - Matches n or more of the preceding element.&lt;br&gt;
/{n,m}/ - Matches between n and m of the preceding element.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Anchors:&lt;/strong&gt;&lt;br&gt;
/^/ - Matches the start of a string.&lt;br&gt;
/$/ - Matches the end of a string.&lt;br&gt;
/\b/ - Matches a word boundary.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Character Classes:&lt;/strong&gt;&lt;br&gt;
/[abc]/ - Matches any one of the characters a, b, or c.&lt;br&gt;
/[^abc]/ - Matches any character except a, b, or c.&lt;br&gt;
/[a-z]/ - Matches any lowercase letter.&lt;br&gt;
/[A-Z]/ - Matches any uppercase letter.&lt;br&gt;
/[0-9]/ - Matches any digit.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Grouping and Alternation:&lt;/strong&gt;&lt;br&gt;
/(abc)/ - Groups patterns together.&lt;br&gt;
/a|b/ - Matches a or b.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Modifiers:&lt;/strong&gt;&lt;br&gt;
/i - Case-insensitive matching.&lt;br&gt;
/g - Global matching (find all matches).&lt;br&gt;
/m - Multiline matching.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Escaping Special Characters:&lt;/strong&gt;&lt;br&gt;
/./ - Matches a literal period (dot).&lt;br&gt;
/ \\ / - Matches a literal backslash.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quantifier Shortcuts:&lt;/strong&gt;&lt;br&gt;
/*/ - Equivalent to {0,}.&lt;br&gt;
/+/ - Equivalent to {1,}.&lt;br&gt;
/?/ - Equivalent to {0,1}.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Functions:&lt;/strong&gt;&lt;br&gt;
test() - Tests if a regex pattern matches a string.&lt;br&gt;
exec() - Searches for a pattern in a string and returns the first match.&lt;br&gt;
match() - Returns an array of all matches.&lt;br&gt;
search() - Searches for a pattern and returns the index of the first match.&lt;br&gt;
replace() - Replaces matches with a specified string.&lt;br&gt;
split() -  Splits a string into an array based on a pattern.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Example:&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;let text = "Coding is Fun, very Fun, extremely fun";
let pattern = /fun/ig;
let matches = text.match(pattern); // Returns an array of matches = [ 'Fun', 'Fun', 'fun' ]
let searchIndex = text.search(pattern); // Returns the index of the first match = 10
let replacedText = text.replace(pattern, 'cool'); // Replaces matches with 'cool' = Coding is cool, very cool, extremely cool
let parts = text.split(pattern); // Splits the string into an array based on matches = [ 'Coding is ', ', very ', ', extremely ', '' ]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>regex</category>
      <category>beginners</category>
      <category>javascript</category>
      <category>programming</category>
    </item>
    <item>
      <title>How to start with Django</title>
      <dc:creator>Volodyslav </dc:creator>
      <pubDate>Thu, 21 Sep 2023 15:13:15 +0000</pubDate>
      <link>https://dev.to/volodyslav/how-to-start-with-django-5cp5</link>
      <guid>https://dev.to/volodyslav/how-to-start-with-django-5cp5</guid>
      <description>&lt;p&gt;Hi, guys!🤗 Hope you’re doing well. I want to show you how to make a website with Django!  Hope you will enjoy it!😄&lt;br&gt;
Prerequisites:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Basic knowledge of Python 🤓&lt;/li&gt;
&lt;li&gt;Understanding what is HTML, CSS, JavaScript🤓&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Okay, let's get started🤩. First of all, we have to establish an environment for our project and install Django. Open your favorite IDE (Integrated development environment) or command prompt with an empty folder. I opened it in VS Code.😎&lt;br&gt;
You can download it here &lt;a href="https://code.visualstudio.com/" rel="noopener noreferrer"&gt;https://code.visualstudio.com/&lt;/a&gt; &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%2Fuploads%2Farticles%2Fklfr2h561ougg77p71me.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%2Fuploads%2Farticles%2Fklfr2h561ougg77p71me.png" alt="vs code" width="800" height="411"&gt;&lt;/a&gt;&lt;br&gt;
Put this command &lt;strong&gt;python -m venv env&lt;/strong&gt; in your terminal. It will make a virtual environment which is called &lt;strong&gt;env&lt;/strong&gt;. 🖖&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%2Fuploads%2Farticles%2F0szpd01lrb3v6tebmas0.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%2Fuploads%2Farticles%2F0szpd01lrb3v6tebmas0.png" alt="env" width="800" height="242"&gt;&lt;/a&gt;&lt;br&gt;
Next, let’s activate the environment by this command &lt;strong&gt;env/Scripts/activate&lt;/strong&gt; on Windows, try &lt;strong&gt;source venv/bin/activate&lt;/strong&gt; on Mac, if it doesn’t work just look it up on the Internet for your OS. If it is activated you will see (env) on the left of the prompt.🧑‍💻&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%2Fuploads%2Farticles%2Fjjqgyl1z3vgthy8b7qxi.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%2Fuploads%2Farticles%2Fjjqgyl1z3vgthy8b7qxi.png" alt="activation" width="800" height="221"&gt;&lt;/a&gt;&lt;br&gt;
Install Django using this command: &lt;strong&gt;pip install django&lt;/strong&gt;👨‍💼&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%2Fuploads%2Farticles%2F39wp70agnll0k5hzmwwb.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%2Fuploads%2Farticles%2F39wp70agnll0k5hzmwwb.png" alt="install django" width="643" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then create a new project using this command: &lt;strong&gt;django-admin startproject my_project .&lt;/strong&gt;, I called my project &lt;strong&gt;my_project&lt;/strong&gt;. Point in the end adds our project to our folder without adding a new folder with the same name. &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%2Fuploads%2Farticles%2F50nhd4wgsa0meveqy2eb.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%2Fuploads%2Farticles%2F50nhd4wgsa0meveqy2eb.png" alt="project" width="643" height="161"&gt;&lt;/a&gt;&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%2Fuploads%2Farticles%2Fbh52myi89w038li9yb7c.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%2Fuploads%2Farticles%2Fbh52myi89w038li9yb7c.png" alt="files" width="479" height="419"&gt;&lt;/a&gt;&lt;br&gt;
We have a lot of files, most of them we are not going to use in this tutorial. 😵😵😵&lt;br&gt;
&lt;em&gt;Setting.py&lt;/em&gt; It’s our main file where we can change some configuration of our project, &lt;br&gt;
&lt;em&gt;Urls.py&lt;/em&gt; Here we will add path to our apps. &lt;br&gt;
&lt;em&gt;Manage.py&lt;/em&gt; We will be using it during migrations and adding new apps.😲&lt;br&gt;
Let’s add a new app &lt;strong&gt;python manage.py startapp main&lt;/strong&gt; 🤔:&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%2Fuploads%2Farticles%2Ffm8cawzrf3riisir9sb6.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%2Fuploads%2Farticles%2Ffm8cawzrf3riisir9sb6.png" alt="app" width="643" height="169"&gt;&lt;/a&gt;&lt;br&gt;
We have a new app called main.&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%2Fuploads%2Farticles%2Fugiga39lrpakgxf8ql0o.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%2Fuploads%2Farticles%2Fugiga39lrpakgxf8ql0o.png" alt="app files" width="477" height="726"&gt;&lt;/a&gt;&lt;br&gt;
Let’s add a new file &lt;em&gt;urls.py&lt;/em&gt; in the main app and &lt;strong&gt;import path from Django.urls&lt;/strong&gt;, &lt;strong&gt;from . (point means import  from this app ) import views&lt;/strong&gt;, write &lt;strong&gt;urlpatterns  = []&lt;/strong&gt;🤯:&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%2Fuploads%2Farticles%2Fprtru8cvlc35ef74pw70.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%2Fuploads%2Farticles%2Fprtru8cvlc35ef74pw70.png" alt="urls" width="643" height="299"&gt;&lt;/a&gt;&lt;br&gt;
Add your app path in &lt;strong&gt;my_project&lt;/strong&gt; &lt;em&gt;urls&lt;/em&gt;, &lt;strong&gt;import include from  Django.urls&lt;/strong&gt; as well: &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%2Fuploads%2Farticles%2Fc0asbasg7hraf6iucf7l.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%2Fuploads%2Farticles%2Fc0asbasg7hraf6iucf7l.png" alt="main urls" width="643" height="357"&gt;&lt;/a&gt;&lt;br&gt;
Then in &lt;strong&gt;my_project settings.py&lt;/strong&gt; add app name (main) into &lt;strong&gt;INSTALLED_APPS&lt;/strong&gt; like this🙃:&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%2Fuploads%2Farticles%2Fnmjq191twika432eyvwk.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%2Fuploads%2Farticles%2Fnmjq191twika432eyvwk.png" alt="settings" width="643" height="333"&gt;&lt;/a&gt;&lt;br&gt;
Make migration using this command: &lt;strong&gt;python manage.py migrate&lt;/strong&gt;😮‍💨&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%2Fuploads%2Farticles%2Fy9chpxli8ejdsf30625m.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%2Fuploads%2Farticles%2Fy9chpxli8ejdsf30625m.png" alt="migrate" width="643" height="153"&gt;&lt;/a&gt;&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%2Fuploads%2Farticles%2Fxnp30rhjgyptrp9utz23.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%2Fuploads%2Farticles%2Fxnp30rhjgyptrp9utz23.png" alt="success migration" width="643" height="399"&gt;&lt;/a&gt;&lt;br&gt;
This command saves everything in the database (SQLite), you can see the new file db.sqlite3:&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%2Fuploads%2Farticles%2Feper3brnw694ry93ktup.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%2Fuploads%2Farticles%2Feper3brnw694ry93ktup.png" alt="sqlite3" width="432" height="363"&gt;&lt;/a&gt;&lt;br&gt;
Let’s create a superuser by using this command &lt;strong&gt;python manage.py createsuperuser&lt;/strong&gt;, add username, email, and password 👮‍♂️:&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%2Fuploads%2Farticles%2F0lvvgbieec1048djxyc0.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%2Fuploads%2Farticles%2F0lvvgbieec1048djxyc0.png" alt="superuser" width="643" height="119"&gt;&lt;/a&gt;&lt;br&gt;
We can run our project &lt;strong&gt;python manage.py runserver&lt;/strong&gt; and open the admin page, just click on  &lt;strong&gt;&lt;a href="http://127.0.0.1:8000/" rel="noopener noreferrer"&gt;http://127.0.0.1:8000/&lt;/a&gt; + CTRL&lt;/strong&gt;, if you want to stop &lt;strong&gt;CTRL+C&lt;/strong&gt;👩‍💻:&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%2Fuploads%2Farticles%2Fzibmq3recvcbxtay5a62.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%2Fuploads%2Farticles%2Fzibmq3recvcbxtay5a62.png" alt="start" width="643" height="176"&gt;&lt;/a&gt;&lt;br&gt;
And put in your URL &lt;strong&gt;&lt;a href="http://127.0.0.1:8000/admin" rel="noopener noreferrer"&gt;http://127.0.0.1:8000/admin&lt;/a&gt;&lt;/strong&gt;, then put your name and password to log in admin page👩‍💻:&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%2Fuploads%2Farticles%2Fy5ldgplpefbfuxmr4af4.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%2Fuploads%2Farticles%2Fy5ldgplpefbfuxmr4af4.png" alt="url" width="384" height="50"&gt;&lt;/a&gt;&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%2Fuploads%2Farticles%2Fnwzzvb19snqx2vwnx9gt.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%2Fuploads%2Farticles%2Fnwzzvb19snqx2vwnx9gt.png" alt="admin" width="643" height="451"&gt;&lt;/a&gt;&lt;br&gt;
You will see Django administration page:&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%2Fuploads%2Farticles%2Foi9cgrf9g3al9nsr23lg.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%2Fuploads%2Farticles%2Foi9cgrf9g3al9nsr23lg.png" alt="admin page" width="643" height="244"&gt;&lt;/a&gt;&lt;br&gt;
You can change the appearance by changing the configuration in admin CSS file(not in this tutorial).&lt;br&gt;
Add in models.py new model👌 Almost done:&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%2Fuploads%2Farticles%2Ffwfxoriwro9u320ytazp.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%2Fuploads%2Farticles%2Ffwfxoriwro9u320ytazp.png" alt="model" width="643" height="298"&gt;&lt;/a&gt;&lt;br&gt;
And make migrations &lt;strong&gt;python manage.py makemigration&lt;/strong&gt; and &lt;strong&gt;python manage.py migrate&lt;/strong&gt;:&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%2Fuploads%2Farticles%2F2bij7jsa8ku8hrmwwsuf.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%2Fuploads%2Farticles%2F2bij7jsa8ku8hrmwwsuf.png" alt="makemigrations" width="643" height="103"&gt;&lt;/a&gt;&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%2Fuploads%2Farticles%2Fero10y3rsr2nhn2n6gc0.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%2Fuploads%2Farticles%2Fero10y3rsr2nhn2n6gc0.png" alt="migrate" width="643" height="147"&gt;&lt;/a&gt;&lt;br&gt;
Add model in admin.py 👨‍🎨:&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%2Fuploads%2Farticles%2Fr9paalnu4s02lzeerzca.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%2Fuploads%2Farticles%2Fr9paalnu4s02lzeerzca.png" alt="admin" width="643" height="221"&gt;&lt;/a&gt;&lt;br&gt;
After this, we can see it on our admin page:&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%2Fuploads%2Farticles%2Fvrz9pq8fdj0ys81igqu7.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%2Fuploads%2Farticles%2Fvrz9pq8fdj0ys81igqu7.png" alt="admin" width="643" height="365"&gt;&lt;/a&gt;&lt;br&gt;
We can add data into category👨‍🎨:&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%2Fuploads%2Farticles%2Fbpwswkyupzhwko59auj8.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%2Fuploads%2Farticles%2Fbpwswkyupzhwko59auj8.png" alt="data" width="643" height="307"&gt;&lt;/a&gt;&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%2Fuploads%2Farticles%2Flyc3uxcex98y0zctkdp0.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%2Fuploads%2Farticles%2Flyc3uxcex98y0zctkdp0.png" alt="data" width="643" height="250"&gt;&lt;/a&gt;&lt;br&gt;
We have PC has blank text and it works because we added blank=True before in our model.👨‍🎓&lt;/p&gt;

&lt;p&gt;Create &lt;strong&gt;templates&lt;/strong&gt; folder in &lt;strong&gt;main&lt;/strong&gt; app and then inside this folder add a folder named &lt;strong&gt;main&lt;/strong&gt;.&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%2Fuploads%2Farticles%2Fdizj51muvun7m8ol9yip.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%2Fuploads%2Farticles%2Fdizj51muvun7m8ol9yip.png" alt="templates" width="261" height="430"&gt;&lt;/a&gt;&lt;br&gt;
Add &lt;strong&gt;index.html&lt;/strong&gt; file into this main folder.&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%2Fuploads%2Farticles%2F0cy58u0m2ecm6jirclvv.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%2Fuploads%2Farticles%2F0cy58u0m2ecm6jirclvv.png" alt="index" width="800" height="329"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Add this in views.py in &lt;strong&gt;main&lt;/strong&gt; app:&lt;br&gt;
Categories take our data from the database and return render shows on the screen.🤨&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%2Fuploads%2Farticles%2Flfcabms3jknotjfjy0t3.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%2Fuploads%2Farticles%2Flfcabms3jknotjfjy0t3.png" alt="views" width="800" height="307"&gt;&lt;/a&gt;&lt;br&gt;
In main &lt;strong&gt;urls.py&lt;/strong&gt; add &lt;strong&gt;path&lt;/strong&gt; with imported views.&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%2Fuploads%2Farticles%2Fta6h20fttuqmksrvwral.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%2Fuploads%2Farticles%2Fta6h20fttuqmksrvwral.png" alt="urls" width="800" height="294"&gt;&lt;/a&gt;&lt;br&gt;
Add this to index.html file👩‍🎨:&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%2Fuploads%2Farticles%2F0esacfyoqpf0n6liex4c.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%2Fuploads%2Farticles%2F0esacfyoqpf0n6liex4c.png" alt="index" width="800" height="351"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;block endblock&lt;/strong&gt; – means start and end of dynamic part of the index.html&lt;br&gt;
&lt;strong&gt;for endfor&lt;/strong&gt; – it’s like for loop in Python.&lt;br&gt;
&lt;strong&gt;category.title&lt;/strong&gt; – it’s our data from database.🧐&lt;br&gt;
On localhost page you will see our data😎:&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%2Fuploads%2Farticles%2F85h6p8yzs9t7oy1n68gk.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%2Fuploads%2Farticles%2F85h6p8yzs9t7oy1n68gk.png" alt="page" width="547" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for reading. I hope you enjoyed it!🥳🥳🥳&lt;br&gt;
Let's connect on X(Twitter) &lt;a href="https://twitter.com/volodys1ove" rel="noopener noreferrer"&gt;https://twitter.com/volodys1ove&lt;/a&gt; &lt;br&gt;
Discord: &lt;a href="https://discord.gg/z8Dzb4Hv" rel="noopener noreferrer"&gt;https://discord.gg/z8Dzb4Hv&lt;/a&gt;&lt;/p&gt;

</description>
      <category>django</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
