DEV Community: Abdul Rehman

Create And Link Your First Project With Qubitro — Qubitro Platform Step-By-Step Complete Guidance

Abdul Rehman — Sat, 18 Nov 2023 08:02:38 +0000

Hi everyone, today we are going to learn about the Qubitro. Whether you are a student, beginner, or even working professional this guide is for you to completely understand the whole working, functionalities, and methods to learn and use the Qubitro and Qubitro platform.

Qubitro has lots of features and tools but we will try to cover some main topics like:

What is Qubitro? and why do we use Qubitro?
How to access and use the Qubitro Portal?
What are the main features and tools that Qubitro provides?
Which reputable organizations/companies are associated or partnered with Qubitro?
Projects Part: How can we link our Internet of Things (IoT) or other projects with the Qubitro platform?
and much more…

Before answering the above questions, there is one more topic that I need to cover before moving the first answer and that topic is IoT.

What is the Internet of Things (IoT)?
"The Internet of Things (IoT) describes the network of physical objects that are embedded with sensors, software, and other technologies for the purpose of connecting and exchanging data with other devices over the Internet."

1: Let’s start with our first question which is What is Qubitro? and why do we use Qubitro?

In simple words, Qubitro is a Device Data Platform (DDP), a platform that provides us with real-time data of our IoT devices, sensors, etc anytime and from anywhere around the world. Qubitro is the fastest way to build IoT applications with predictable pricing, developer-friendly features, and scalability. Qubitro is simplifying device data management with a rich and simple useful yet powerful scalable, customizable, and Future Ready device data platform.

Briefly, Qubitro, Inc. is a United States-based global company that “provides a platform for developers and businesses. It offers a distributed platform to enable customers to design and develop scalable IoT solutions without infrastructure setup or coding.” There is a tagline of Qubitro “One platform. Boundless possibilities”, which is 100 percent correct because there are endless possibilities we can explore and work on the platform of Qubitro.

Qubitro provides us with many learning resources on its website like Documentation, API Playgrounds, Tutorials, Blogs, and a Discord Channel for support and help.

For more info, you can visit here:
Qubitro Website

2: Let’s move to our next question which is How to access and use the Qubitro Portal?

Qubitro provides a simple User Interface we can easily access and use. To access the Qubitro platform, first, we need to go to Qubitro’s official website, we can simply type in the search engine “Qubitro” and then go to the website or type/click on this link to directly go to the website:
Qubitro Website

Then the Qubitro website’s homepage appears and we can then see all the information, docs, and other features on that screen. I would prefer you to explore the Qubitro website to understand Qubitro in a much better way. There is also a difference between the Qubitro website and the Qubitro Portal. To access the Qubitro portal we need to sign up and then log in to our account to access the Qubitro portal and then work on our projects or explore the Qubitro portal more in detail.

The account creation process is very simple, you only need a Gmail account, click on the Try Free button or Sign in button on the Qubitro website, and enter details like name, email, password, and country. There will be a confirmation email of the account received in our Gmail account and we then need to sign in. That’s it. Now we can access the Qubitro portal with the same credentials in the future.

3: The third question is about what are the main features and tools that Qubitro provides.

Generally, there are hundreds of features and tools that Qubitro provides to its users and we will look at some of them.

As we already discussed, Qubitro is a Device Data Platform (DDP) which means that “it is a platform that provides us with real-time data on our IoT devices, sensors, etc.” Qubitro provides us with a platform with all the possible solutions that are required to have for our IoT devices, and sensors to build our real-world projects or applications.

We can attach our physical IoT device or sensor like a temperature sensor, motion sensor, pressure sensor, or even others to our PC/Laptop, and then after some easy processes, we can check/view the device’s or sensor’s real-time data on our Qubitro platform. That sounds so interesting, right? Later on, we will also do it practically.

Qubitro also gives us the functionality of using languages like Python, Ruby, and others through which we can easily create a program and then link it with the Qubitro platform. For example, we can create a project like “Environment Tracker” through this method and then we can check the real-time data like temperature, humidity, etc of this project on the Qubitro platform.

Still confused about it? Don’t worry we will also do it practically.

Qubitro provides a very simple and easy-to-use interface to its users that makes Qubitro easier to understand. I described only two examples of Qubitro functionalities out of 100s and you can read the official documentation from the given link: https://docs.qubitro.com/platform

4: Which reputable companies/organizations are associated or partnered with Qubitro?

Well, we can see from the image below that Qubitro is partnered with reputable organizations from around the world. Qubitro also provides a Partnership program, and you can further explore it here: Qubitro Partners Page

Practical Implementation:

Finally moving to our last question which is the main topic of this story and what you are waiting for? How can we link our Internet of Things (IoT) or other projects with the Qubitro platform?

Now it’s time to explore the Qubitro practically with real-world examples. First, we will create a simple “Environment Tracker” project and then we will connect it with the Qubitro Portal to see the data.

Go to the official Qubitro website and click on the login button, add your email and password, and then the Qubitro Portal will appear.

On the portal, we can see some options like:

Projects: where we can add, see, or find our projects.
Dashboard: where we can add/see the Dashboard of our project. Basically, we can create customized dashboards to see our data in these accordingly.
Credentials: where we can find our Webhook Signing Key, API keys, and External credentials. These keys may be different for all the users accordingly.
Settings: where we can find our unique User ID and can change our details/information like name, password, timezone, etc. Also, we can see the billing and invoices section in the settings option.

Now if we want to add/create a project, first click on the Projects Tab and then select New Project. After that write a project name and description and then click on Create. Now we will see the project in the Projects Tab.

After that click on the project name, which will move us to the details of this project, now click on New Source. On the next page, all Data Sources or integrations will be shown like MQTT, 1NCE, Loriot, HTTP, and many others. We can select and integrate anyone of them.

I am going to choose the MQTT protocol, we need to just click on it, and then the next page will appear, now type any name of the data source, and then in the Tags section type the language name in which want to create/write a project like Python, Ruby, Curl etc. In the next fields which are Brand and Model, we can simply write “xx”. If we want to connect some physical device or sensor then we need to write its Brand name and its Model, otherwise write “xx”. In our case, we are now only creating/establishing a project that will be written in Python and connecting it with Qubitro Portal. After that write some description and click on Create.

Now the MQTT data source with our project “env tracker” has been successfully added and we can see it under the Devices Tab. Firstly it will show that we are “awaiting data” because we have not provided any data yet. So, for data to be sent and shown on this platform, we need to click on its name. Now, we can see the different Tabs on Top, which are:

Overview: showing the details of the Data Source and Project.
Data: history of the data which have to be received.
Functions: add functions according to the project.
Settings: where we can see the Unique ID of our project, tags, and other details.

Just click on the first tab which is Overview and then click on the Code Snippet. Here we can see the code in a language that we selected recently which is Python. We will now copy this code and paste it into the VS Code IDE or any modern IDE by creating a file with the extension .py. We also need the PAHO-MQTT python client library to be installed before executing or running this code.

See the details / Download/Install the Paho-MQTT from here:
PAHO-MQTT-Installation Guide

Great, so now we need to make some minor changes in our code. At the end of our coding file, we need to replace both the keys to some name like key1 to “Temp” and give it some value like 70 or something. Change the key2 to “Humi” and change its value to 30 or something, because here we need to find/see the real-time data of Temperature and Humidity in our project.

Now run this code in VS Code and open the Qubitro Portal Projects section to see our data. Click on the Project name and then click on the Data Tab. Here we will see all our data from time to time. There is also the option of s*aving/downloading data in CSV or Text format. We can further make more changes to our project like adding functions/rules from the Function Tab where we can select **Twilio, Slack, Webhooks,* and many others. We can also make some changes like after how much time data should be updated or anything we need. To stop this process of sending data to Qubitro, just press Ctrl+C in the terminal of VS Code to stop the program. So this was all about our first project, I hope you enjoyed learning and doing it. Perfect.

_Let’s move to our second project which is to see the real-time data of the physical device or sensor on our Qubitro Portal. That sounds interesting, isn’t it? Let’s do it practically.
_

So our previous project is already created and if we want to add another project we can do it, but if we want to use the same project with different settings and different functions we can also do the same which means the project will be the same but we will connect or integrate the physical device or sensor with it.

This time again click on the “env tracker” project *or click on New Project to create a new one. *Click on the “New Device” button and select any data source, this time I am again choosing the MQTT, again give it a name like “ESP client” or something, and this time we are going to connect our physical device with it, so write the ESP in the tag section and write the brand name and its model number in the next two fields. The device which we are going to connect, write its details here. Let's say I’m using the device brand name “Seeed Studio” and the device model number is “XIAO ESP32 S3." Give some description in the last section and click on the Create button.

After that, two devices will be shown in the Devices section one is Python (the previous one) and the second is the ESP client which we created just now. Now click on the ESP client and in the Connection details area we can see the_** unique Username and Password of our device**_, and this will be required for us to connect our device with Qubitro.

Before moving to the next step, we need 2 important things that we need to integrate our project into Qubitro.
**
The first one is the _Arduino Integrated Development Environment (IDE)**_, which we can download from here:
Arduino Download Page

The second thing is Qubitro mqtt-client-arduino, which we can get from the official GitHub of Qubitro:
MQTT-Client-Arduino

Just download this as a ZIP File.

Now install the Arduino IDE and open it, go to the sketch option from the top left of the Arduino IDE, and then click on include library, and then choose the same ZIP file as we just downloaded to our PC/Laptop. After installation is complete,** go to the file option from the top of IDE, select examples select QubitroMQTTclient. Inside it there will be a basic connection option, click on it, and our qubitro-mqtt-client will be enabled and we can now access it.** This sketch will work with most of the devices/sensors like ESP32, ESP8266 arduino, etc.

Alright, so after all these settings and creating a basic connection sketch, it is time to change the username and password here in the given sketch. I previously explained how we can get a username and password to establish a successful connection between the device/sensor and the Qubitro platform to see our real-time data. Just go back to the Qubitro platform, click on the Projects, and then click on the project name and choose an ESP device from here. In the Connection details area copy the username and password and paste both of them in the sketch code below the Credentials comment next to the Device ID and Device Token in Arduino IDE.

We can also change the device/sensor values from the given sketch in Arduino IDE according to the project whatever we want to get as a** minimum or maximum value and all other stuff we can do right here in the sketch according to our project. **So in Qubitro, we can only send the things or data as a JSON file. Maybe it will support other features as well in the future but for now, we can send the data in JSON format only. So, in the sketch file, we need to provide the payload data in JSON format only to see on the Qubitro platform. So now we are done with the Arduino settings and configurations. After that,_ we need to connect the physical device like ESP32 to our PC/Laptop using a cable/extension_.

The next thing is to go to the tools tab in Arduino IDE and find the port on which the device is connected. Select it and then click on the connect from the option on the left-right corner of the IDE. _This option will connect this sketch to our controller. Wait _for 2 to 3 minutes here until our connection is successfully uploaded.

After this, we need to go to our Qubitro Portal and see in the section of Device Data, where the real-time data according to our settings from the physical device will be showing to us. That’s what we’re waiting for, we not only see the history of data but can also do everything that we did in our first project like we can create functions, add features, widgets, tools, and dashboards, share your projects, and select someone as a contributor/collaborator and much more.

You can explore all these features. If you want details comment down below, I will be happy to share more details with you. That’s all from my side for our second project in which we learned how to link/connect our physical device/sensor with the Qubitro Portal to see the real-time data.

There are also prebuilt IoT projects and files that Qubitro provides us on GitHub, that we can use and customize accordingly and use them: Qubitro GitHub

Thank you so much for reading this. I hope it will be a helpful guide for you to start your first IoT project and connect or integrate it with Qubitro Portal.

Here are some helpful links to learn more about Qubitro:

Qubitro Website
Qubitro Twitter
Qubitro Medium
Qubitro LinkedIn
Qubitro YouTube

Experience as a Core Team Member at Google Developer Student Clubs — Virtual University ✨

Abdul Rehman — Sun, 29 Oct 2023 12:34:45 +0000

In September 2022, I joined the Google Developer Student Club — VU as a Core Team Member, the community led by Elishah Yousaf and Zainab Sehar. It was an amazing year and I learned a lot, explored, and expanded my knowledge by connecting with my leaders, seniors, and core teammates as part of this awesome student community.

I got experience with different Google products, tools, and Google platforms, I took part in many challenges and events throughout the year like Hacktoberfest 2022, Google Cloud Study Jam, Google AndroidSeekho, Google Cloud Platform (GCP) program, Google Arcade Challenge, and many others with my other fellows.

I learned so many valuable skills like:
Team Management, Problem-Solving, Event Management, Public Speaking, Communication Skills, and Soft Skills.

I received my GDSC Core Team Member Certificate. ✨

Also for this year 2023–24, I have been selected as a Team Manager at Google Developer Student Club — the Virtual University of Pakistan Attock.

In the last, I would like to thank Google, Google Developers, Google Developer Student Club — VU, Rachel Francois, and Huzaifa Habib for this program. 😍

I hope you enjoyed reading this, if you have any queries, suggestions or feedback feel free to connect with me and ask, I will be happy to help you. Thank you so much.

Connect with me:
LinkedIn
LinkTree
GitHub
Twitter
Medium
YouTube

Tags:

GDSC #gdscvu #gdsccoreteam #coreteam #badge #certificate #google #huzaifahabib #googledevelopers #googledeveloperstudentclubs #gdglivepakistan #abdulrehman #androidseekho #gcp #googlecloudstudyjam #cloudstudyjam #googlecloud #students

Everything you need to know about MS Learn Cloud Skills Challenge 🏆

Abdul Rehman — Mon, 09 Oct 2023 06:38:24 +0000

Hi everyone, welcome to this article, you will learn everything you need to know about the Microsoft Learn Cloud Skills Challenge.

There are some common questions that most people ask about MS Learn Cloud Skills Challenges when they listen to or see MS Learn for the first time, the questions like:

What is the Microsoft Learn Cloud Skills Challenge?
How to participate in the MS Cloud Skills Challenge?
What are the requirements and benefits of participating in MS Cloud Skills Challenges?
What are the categories/modules/learning paths/challenges to learn and complete?
How will I know that I have successfully completed the challenge?

and more…

Don’t worry, we are here to answer all of your questions and I’m pretty sure that after reading this whole article you will not only be familiar with the Cloud Skills Challenges but also explore the Microsoft Learn platform, which is the ocean of learning materials and opportunities.

So, let’s get started

Basically, the Microsoft Learn Skills Challenges are the combinations of skills and modules not specifically about the cloud services but MS Learn Cloud Skills Challenges provide the learning paths in almost every field of development mostly on Microsoft Technologies. Are you still confused about learning paths? Well, don’t worry, the learning path is nothing but the category of skills like P*rogramming, Web Development, Artificial Intelligence, Machine Learning, MS Azure, DevOps, MS Power Platforms, Git GitHub, and others*.

MS Learn Website to explore:
Click Here

MS Cloud Skills Challenges will be live from the month of July to Dec 31, 2023. So you can easily take part in these challenges. You can also explore MS Learn without these challenges and get access to more than 4,500 modules and different learning paths of your interest and field.

“From these learning paths, Microsoft made challenges for us on the Microsoft Learn platform/website which is called MS Learn Cloud Skills Challenges.” There is one more thing to remember which is there are many Microsoft Learn Student Ambassadors who can also create challenges whether to select the pre-made challenges or create new ones from the MS Learn and name them whatever they want. Although there is no difference between Pre-made Cloud Skills Challenges and those Created by MLSA, you can join them and as many as you want at a time.

As I mentioned above Microsoft allows their ambassadors to create and host their own or premade cloud skills challenges, so being an MLSA they can create and host MS Learn cloud skills challenge. If you join and complete the cloud skills which are organized by Microsoft Learn, you will receive the badge on every module completion and certificate from Microsoft and when you complete your last module you will also receive the learning path completion badge. However, if you join and complete the challenge which is created and hosted by any Microsoft Learn Student Ambassador, you will receive a certificate of participation from that ambassador who hosted that cloud skills challenge. In every module, there are 3 to 4 MCQs which you can complete and then continue your learning with the next modules. Also, you will get some incentives by lucky draw, or some other rules.

The incentives include whether it will be a LinkedIn Premium voucher (12 months) or an Xbox Game voucher (3 months).

There is also a level tab on the MS Learn platform where the overall score and your level increase with every module, learning path, and challenge completion.

The main purpose of these challenges is described by Microsoft on the Microsoft Learn website in 3 points:

Compete: Attendees benchmark their progress against other participants using the Leaderboard.

Learn: Attendees increase their understanding of self-guided, hands-on learning.

Skill-up: Attendees develop skills to better themselves and their careers.

MS Cloud Skills challenges are open to anyone, you just need to create an account on the MS Learn website before joining any challenge. You can use your email whether it is GMail, Microsoft, Outlook, or any other. After creating an account you just need to go to the URL of the challenge which is shared with you by Microsoft or by any Microsoft Learn Student Ambassadors. Join the challenge of your interest or field and then complete it to be eligible for the certifications, badges, prizes, and more.

After you successfully complete the challenge, scroll down on the challenge page and you will see the challenge leaderboard where your name and completed modules will be shown. You will also receive an email upon successfully completing the MS Cloud Skills challenge.

For more info about the MS Learn platform, I have created a video on my YouTube Channel in Urdu/Hindi, you can also watch it and learn more about MS Learn and MS Learn Cloud Skills Challenges.
Microsoft Learn Cloud Skills Challenge | How to Participate in MS Challenge | WIN LinkedIn Premium 🎁

If you are one of the Microsoft Learn Student Ambassadors, you can create and host your own MS Cloud Skill Challenge and get many benefits, all the details are explained in this video.
Microsoft Learn Skills Challenge | How to Create MS LEARN Challenge | Free LinkedIn Premium & MLSA β

You can also connect with me on different platforms.
My Profiles

Thank you so much for reading this article. I hope this will help you, if you have any questions or queries connect with me and ask your questions.

Thank you

Tags:

microsoftlearn #CloudSkillsChallenge #MSLearn #MSFTAmbassadors #Sweepstakes #MLSAVU #microsoft #microsoftlearnstudentambassador #abdulrehman #organizeevent #skills #mlsabeta #mlsaalpha #mlsagold #event #freelinkedinpremium #linkedin #xboxvoucher #linkedinvoucher #students

My LetsGrowMore (LGM) Virtual Internship Experience (Web Development)

Abdul Rehman — Mon, 31 Jul 2023 04:40:25 +0000

I am Abdul Rehman, a Computer Science from Pakistan. Today, I am happy and excited to share my experience as a Web Development Intern at LetsGrowMore (LGM) Virtual Internship Program.

Internship Duration: 1 Month

Completed Tasks:
1. TODO List App using HTML, CSS & JS:

I completed Task 1 of LetsGrowMore Internship Program. I created a fully functional To-Do List App using HTML, CSS, and JavaScript.

Name: TODO List App
Repo Link: Click to View
Site Link: Click to View

Introduction Video: Task Video

2. Calculator App using HTML, CSS & JS:

I completed Task 2 of LetsGrowMore Internship Program. I created a fully functional Calculator App using HTML, CSS, and JavaScript.

Name: Calculator App
Repo Link: Click to View
Site Link: Click to View

Introduction Video: Task Video

I learned a lot during this program. It really helped me and boosted my skills practically. I am really very grateful to LGM Team (letsgrowmore.in & letsgrowmore.in/vip) and specially Aman Kesarwani Sir for providing me with this opportunity.

In the last part of this article, I will suggest every student from a CS background go with this program if they really want to improve their skills and have some practical knowledge.

My LinkedIn Post about LetsGrowMore Internship Program:
Task 1: Click to Visit

Task 2: Click to Visit

Tags:

Internships, #WebDevelopment, #Letsgrowmore, #Experience, #Projects

My Internship Journey as Frontend Web Development Intern with Interns.PK

Abdul Rehman — Sun, 02 Jul 2023 10:57:18 +0000

I am excited to share my experience with Interns PK as a front-end developer for 4-weeks. Mostly worked on front-end technologies like HTML5, CSS3, Bootstrap, JavaScript, JQuery, PHP, and WordPress.

There were 350+ tasks and 4+ projects to be completed in this internship. I have successfully completed all the tasks, and projects in the Frontend Web Development Internship at Interns Pakistan. In this 1-month internship program, I gain so much knowledge about web development and built some real-world projects as well.

The main technologies taught in this internship are:

HTML5
CSS3 / Responsive Web Design
Bootstrap
JavaScript / ES6 / JQuery
PHP
WordPress

At interns.pk, there is everything simpler and easy. They guide us all the way in our journey. So, I highly recommend everyone to participate in the Interns.pk internship program to get amazing experience in the field of web development.

One of my WordPress project videos is here: Video Link

At the end of this internship, I got a certificate of completion.

Thanks to Interns Pakistan and founder of Interns PK @shahzaibkhan for this opportunity. Here is my LinkedIn Profile where I regularly shared my own experiences and tips and tricks about internships, tech, computers, developers, etc.
LinkedIn Profile

Thank you for reading. I hope it helps you.

Tags:

Internships
Experience
Front End Development
Web Development
Remote Working

Journey and Experience with Bytewise Limited as a Frontend Fellow

Abdul Rehman — Sun, 02 Jul 2023 10:35:57 +0000

✨ My journey with Bytewise Limited as a fellow in Frontend Web Development.

An amazing experience with Bytewise Limited during 3 months fellowship program. I learned a lot and enjoyed the learning experience with the lead Muhammad Zubair and other fellows. In the period of 3 months of my fellowship, I learned web development, not only fundamentals but learned and implemented advanced topics practically as well. ✨

🎯 The technologies I have covered in the Bytewise Limited fellowship are:
_

HTML5
CSS3
Tailwind
Bootstrap
Git and GitHub
JavaScript
React _

📃 The projects I have made during my fellowship are:
_

Online CV/Resume using HTML.
Blog Page HTML and CSS.
Profile Page using Tailwind CSS.
Landing Page using HTML and CSS.
Website Project using CSS Bootstrap.
CSS Animation Page using HTML and CSS.
Typing Speed Check using HTML, CSS, and JS.
Live Date and Time using HTML, CSS, and JS.
React Movie App.
and others. _

Not only that, I learned communication, question-asking, and problem-solving skills during the fellowship. I put my all coding material on GitHub with the repository name "Bytewise_Fellowship". I also added my files, images and code, and other material on Google Drive. I regularly uploaded my journey on my Twitter profile and LinkedIn as a post.

👨‍💻 Here are some of the profiles I created during my fellowship journey:
LinkedIn: Linkedin
GitHub: GitHub
Twitter: Twitter
Medium: Medium
Devto: Devto

🎓 About Frontend Development Lead:
I would like to thanks to everyone throughout my fellowship journey from my lead to my fellows. Our Team lead is Muhammad Zubair, a true inspiration and humbled, talented leader who helped us everywhere we stuck throughout our journey during this fellowship. The tasks were given in a manner that everyone could attempt and complete easily. The group discussion and helping each other was an unforgettable experience for me.

🎁 Feedback to Bytewise Limited and Founder:
In the last, I would like to thanks the founder of Bytewise Limited, @usmankhan for providing such an amazing opportunity to us. 🎉
Bytewise Limited fellowship program really helps students in advancing their careers in technical fields. As Bytewise Limited provides fellowship in almost all the fields related to technology, so I will definitely recommend Bytewise Limited to everyone. 🎇

Tags:

bytewise #fellowship #bytewisefellowship #opportunity #frontend #javascript #html #css #webdevelopment #react #coding #github #project #google #communication #learning #linkedin #experience #team #animation #leader #resume #projects #cv #like #inspiration #technology #students #careers #development

Journey with OIBSIP as a Web Dev and Design intern | Oasis Infobyte

Abdul Rehman — Thu, 22 Jun 2023 05:41:10 +0000

I completed my monthly Web Development and design internship at
Oasis Infobyte. In this internship, I learned lots of new things and gain experience to develop new web projects from scratch. In this internship program, I created:

Landing Page using HTML and CSS. **

Personal Portfolio using HTML and CSS. **

Temperature Convertor using HTML, CSS, and Javascript. **

You can see my work on GitHub by clicking here.

I would like to thank Oasis Infobyte for giving me this opportunity. You can also get an internship at OasisInfobyte. Go to the link and fill in the details of your area of interest.

Oasis Infobyte official website: oasisinfobyte.com

Tags:

Oasisinfobyte
Internships
Internship Experience
Oibsip
Web Development

Day 1 with Bytewise as a Frontend Developer Fellow

Abdul Rehman — Sat, 18 Mar 2023 03:23:18 +0000

## Day 1 with Bytewise as a Frontend Developer Fellow:

Day 1: First step in my fellowship program. My journey to become a Frontend Web Developer starts today with Bytewise Limited fellowship program.
On the #Day1, I learned about the basics of websites structures with HTML, CSS.

Day 1:

I have learned about the Web Development Tools and languages, In the mentioned 2 videos the concept of web development is easily explained.

Also, I learned about how the Websites working with the help of these languages.

Practice and Learning:

HTML basic structure:

html opening tag
header open
title open
title close
body tag
all things are here
body tag close
html tag close

Done:

I setup my Twitter and other accounts for fellowship program.

I watched the 2 given tutorials on the basics of web development.

On the Day1, I learned about the basics of websites structures with HTML, CSS.

Today:

Today I learned some basics about WEB development.

Time:

2+ hours

Next:

Now, I will practice 3 to 4 hours to improve my basics of HTML and CSS in coming days.

I will improve my social media profiles, so that everyone having knowledge of web development connect with me and I connect with the real people.

Bytewise #100daysofcode #100daysofbytewise #day1bytewise

webdeveloper #css #html #frontend