DEV Community: Liubov Vas

Git and GitHub - First experience and Crib

Liubov Vas — Tue, 02 Apr 2024 20:07:18 +0000

When I first embarked on my journey into web development, I had no inkling that I would soon find myself grappling with Git and GitHub. The thought of using a terminal seemed daunting, and I never imagined it would play a significant role in my coding endeavors. However, as I delved deeper into the world of web development, I quickly realized the importance of version control and collaboration, and thus my adventure with Git and GitHub began.

My initial encounter with Git and GitHub was anything but smooth. I struggled to comprehend the commands and concepts, feeling overwhelmed by the seemingly complex interface. As someone who had never used a terminal extensively before, navigating through the command line was like traversing uncharted territory.

Despite the initial setbacks, I refused to be deterred. With determination and perseverance, I gradually familiarized myself with the basics of Git and GitHub. Through online tutorials and documentation, I learned about repositories, commits, branches, and the intricacies of version control.

After much trial and error, I finally reached a breakthrough: I successfully pushed my first HTML project to GitHub. It was a moment of triumph, a testament to my perseverance and willingness to venture beyond my comfort zone.

But the journey didn't end there. I decided to compile a crib — a concise guide outlining the steps I took to push my project to GitHub. While I knew there were countless other ways to unilize Git and GitHub, I focused on documenting the approach that worked for me, hoping it would serve as a helpful resource for fellow beginners.

Seeking Guidance on the Path to Web Development: My Journey So Far and Next Steps

Liubov Vas — Sat, 30 Mar 2024 12:17:25 +0000

I'm taking my first steps into the world of web development and could use some guidance from those who've traveled this path before. If you're an experienced developer, I'd love to hear about your journey into web development. How did you get started? Which resources or learning methods did you find most effective in your early days? Looking back, what advice would you give to someone just starting out?

As I navigate through this journey, I find myself faced with a plethora of learning resources, both free and paid. Recently, my trial version on Codecademy came to an end, prompting me to explore various beginner courses and e-learning platforms. However, I discovered that while the content was similar, the certificates lacked recognition from employers. Determined to proceed without breaking the bank, I decided to pivot towards free resources.

The abundance of free resources, though, left me overwhelmed. Hours slipped away as I scrolled through countless platforms, trying to find the best starting point. Despite the daunting task, I remained committed to my goal of acquiring valuable skills and knowledge in web development.

In my pursuit of structured learning, I narrowed down my focus to a few key resources:

Free Learning Platforms:

freeCodeCamp: Offering a comprehensive curriculum covering HTML, CSS, JavaScript, and beyond.
The Odin Project: With its hands-on approach, The Odin Project guids through everything from basic HTML and CSS to full-stack development.
Mozilla Developer Network (MDN) Web Docs: MDN offer reliable documentation and tutorials on web development technologies, supporting my learning journey with extensive resources.

Exploring Free Tutorials and Guides:

YouTube Tutorials: Channels like Traversy Media and The Net Ninja. I’ve settled on them for now, but I’m looking forward to hearing your recommendations
W3Schools: As a trusted source of tutorials and references, W3Schools helps me to understand more in HTML, CSS, and JavaScript.

I am just on my initial steps in this journey, but already want to understand waht is the best way to continue growing and learning in the field of web development. But I could use some advice on what the next steps should be. What resourses is better to use? How to built the portfolio? What is the best platform to take? Or areas of focus should I prioritize as I progress further?

Your insights and advice would mean a lot to me and other beginners embarking on this thrilling adventure. Thank you for sharing your wisdom and experiences.

Exploring HTML5 Elements: A Comprehensive Mind Map Table

Liubov Vas — Thu, 28 Mar 2024 19:27:37 +0000

I recently embarked on a journey to understand the structure of HTML5 language better. As a beginner, when I opened the MDN Web Docs website, I was overwhelmed by the sheer volume of information available. To tackle this, I decided to create something like a crib—a comprehensive mind map table of all HTML5 elements, their possible attributes, and values.

I utilized the resources available on MDN Web Docs extensively. Additionally, I leveraged the assistance of ChatGPT to help me organize and categorize the HTML elements accurately. With their help, I classified all elements into ten distinct groups:

Document Structure and Meta
Text Formatting
Semantic Elements
Links and Navigation
Embedded Content Element
Interactive Elements
Tables
Forms
Lists
Miscellaneous

Each group contains a collection of HTML5 elements with their respective attributes and possible values. This organization helps streamline the learning process and provides clarity on how different elements relate to each other.

How to Use:

Navigate by Groups: Easily find relevant elements by exploring the categorized groups.
Understand Attributes: Gain insights into the purpose and usage of attributes for each HTML5 element.
Explore Values: Discover the various values that attributes can take, enhancing your understanding of their functionality.

Get Started:
Ready to explore the mind map table? Click here to access the full resource on Miro.

Feedback and Contributions:
As I continue my learning journey, I welcome feedback and contributions to improve the accuracy and completeness of this resource. If you notice any mistakes or have suggestions for enhancements, please feel free to leave a comment or reach out to me directly.

Let's empower each other to become better web developers through collaborative learning and sharing of knowledge.

Happy coding!

P.S. If anyone knows how to attach Miro project to a post, please share with me)

Miro | Online Whiteboard for Visual Collaboration

miro.com

Unveiling the Wonders of the Internet: A Journey into How It Works

Liubov Vas — Thu, 28 Mar 2024 13:58:35 +0000

In today's digitally-driven world, the Internet serves as the backbone of our global connectivity. It's the invisible force that powers our daily interactions, from sending emails to streaming videos and everything in between. But have you ever stopped to wonder how this vast network actually functions? Join me on a journey as we unravel the mysteries of the Internet and gain a deeper understanding of its inner workings.

What is the Internet?
At its core, the Internet is a massive network of interconnected computers and devices spread across the globe. Unlike traditional communication networks, the Internet is decentralized, meaning there is no single point of control. Instead, it relies on a distributed architecture to facilitate communication and data exchange between devices.

The Basics of Internet Protocols
To enable communication over the Internet, various protocols govern how data is transmitted and received. One of the most fundamental protocols is TCP/IP (Transmission Control Protocol/Internet Protocol), which provides a set of rules for sending and receiving data packets across networks. Additionally, protocols like HTTP (Hypertext Transfer Protocol) dictate how web browsers communicate with web servers to retrieve information.

The Role of Servers and Clients
Central to the functioning of the Internet is the client-server model. Servers are computers that store and deliver data to other devices, known as clients, upon request. Whether you're accessing a website, sending an email, or downloading a file, you're essentially acting as a client interacting with a server to retrieve information.

Understanding IP Addresses and Domain Names
Every device connected to the Internet is assigned a unique numerical identifier known as an IP address. These addresses allow devices to communicate with each other across the network. To make it easier for humans to remember and access websites, domain names are used as aliases for IP addresses. The Domain Name System (DNS) translates domain names into their corresponding IP addresses, enabling seamless navigation on the web.

Navigating the World Wide Web
While often used interchangeably, it's important to distinguish between the Internet and the World Wide Web (WWW). The Internet refers to the underlying infrastructure of interconnected networks, whereas the WWW is an information space accessible via web browsers. Websites, web pages, and online content are hosted on web servers and accessed through URLs (Uniform Resource Locators) using browsers like Chrome, Firefox, or Safari.

Data Transmission and Routing
Data transmitted over the Internet is broken down into smaller packets, each containing a portion of the original message. These packets are then routed through a series of interconnected devices, including routers, switches, and servers, until they reach their intended destination. Through packet switching and routing algorithms, data is efficiently delivered across the network, regardless of its size or destination.

Security and Encryption
In an era of increasing cyber threats, security measures are paramount to safeguarding data transmitted over the Internet. Encryption technologies, such as HTTPS (Hypertext Transfer Protocol Secure), ensure that data is encrypted before being sent over the network, protecting it from unauthorized access or interception. Additionally, firewalls, antivirus software, and other security measures help mitigate risks and ensure a safe online experience.

A Brief History of the Internet
The Internet as we know it today traces its origins back to the late 1960s, with the development of ARPANET (Advanced Research Projects Agency Network) by the United States Department of Defense. ARPANET was the first wide-area packet-switching network and laid the groundwork for the modern Internet.

Throughout the 1970s and 1980s, the Internet expanded rapidly, with the development of protocols like TCP/IP and the creation of domain names and email systems. In 1989, Tim Berners-Lee invented the World Wide Web, revolutionizing the way we access and share information online.

Conclusion
The Internet is a marvel of modern technology, empowering us to connect, communicate, and collaborate on a global scale. By understanding the underlying mechanisms of how it works and its fascinating history, we can navigate this digital landscape with confidence and harness its full potential. So the next time you browse the web or send an email, take a moment to appreciate the intricate workings of the Internet that make it all possible. Happy surfing!

Navigating the Web: A Beginner's Journey into Web Development

Liubov Vas — Thu, 28 Mar 2024 13:24:07 +0000

Hey there, fellow developers and enthusiasts! Today, I want to share with you my journey into the captivating realm of web development. As someone who has just embarked on this adventure, I'm excited to dive into the intricacies of the Internet and explore the fascinating world of building websites from scratch.

The Internet, a vast interconnected network of computers and servers spanning the globe, has revolutionized the way we communicate, learn, work, and play. It's a dynamic ecosystem where information flows freely, connecting people from all walks of life. And at the heart of this digital landscape lies web development, the art of creating websites and web applications that shape our online experiences.

For me, learning web development is not just about acquiring technical skills; it's about understanding the underlying principles that power the Internet. From HTML and CSS to JavaScript and beyond, each component plays a crucial role in shaping the digital experiences we encounter every day.

So, where does one begin this journey into the depths of web development? For me, it started with a curiosity to unravel the mysteries of the web and a desire to have the ability to craft my corner of the Internet. Armed with determination and a plethora of online resources, I delved into the world of HTML, the building blocks of web pages.

HTML, or HyperText Markup Language, serves as the foundation upon which websites are built. It allows developers to structure content and define the layout of web pages, shaping the visual and interactive elements that users interact with. As I learned the basics of HTML tags, elements, and attributes, I marveled at the power of this seemingly simple language to create rich and immersive web experiences.

But HTML is just the tip of the iceberg. To truly harness the potential of web development, one must also delve into the realms of CSS and JavaScript. CSS, or Cascading Style Sheets, enables developers to style and design web pages, adding visual flair and enhancing user experience. Meanwhile, JavaScript, the programming language of the web, empowers developers to add interactivity and dynamic functionality to websites.

As I continue my journey into the world of web development, I'm constantly amazed by the endless possibilities it offers. From crafting responsive layouts to building interactive web applications, there's always something new to learn and explore. And while the road ahead may be challenging at times, I'm excited to embrace the opportunities that lie ahead and sharpen my skills as a web developer.

So, whether you're a seasoned developer or a curious beginner like me, I invite you to join me on this journey into the heart of web development. Let's embark on this adventure together, as we unravel the mysteries of the Internet and build the web of tomorrow, one line of code at a time. Happy coding!