<?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: Adrianne P.</title>
    <description>The latest articles on DEV Community by Adrianne P. (@adriculous).</description>
    <link>https://dev.to/adriculous</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%2F230666%2F17683cf7-9ac6-4a85-b999-368ebd519c52.png</url>
      <title>DEV Community: Adrianne P.</title>
      <link>https://dev.to/adriculous</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/adriculous"/>
    <language>en</language>
    <item>
      <title>Build your own Bootcamp - Part 2</title>
      <dc:creator>Adrianne P.</dc:creator>
      <pubDate>Mon, 20 Jun 2022 03:13:37 +0000</pubDate>
      <link>https://dev.to/adriculous/build-your-own-bootcamp-part-2-1ppl</link>
      <guid>https://dev.to/adriculous/build-your-own-bootcamp-part-2-1ppl</guid>
      <description>&lt;p&gt;In this installment, we will be spending time doing a lot of brainstorming and searching. This means, we will be doing a lot of thinking and jotting down ideas. We will also be hanging out on our favorite search engine and listing down everything we can find. Assuming that you're also under a strict budget, we will avoid all the actual bootcamps.&lt;/p&gt;

&lt;p&gt;But before we do, we will be thinking about and listing about our personal learning styles. Which styles work best for us? Do we want to code along as we watch the instructional videos? Do we want any code challenges after we watch the videos? Reading materials? These are some of the things we need to think about and search on our own before we start the actual searching.&lt;/p&gt;

&lt;h2&gt;
  
  
  I. Learning Styles
&lt;/h2&gt;

&lt;p&gt;Try to recall some of our favorite activities we did when we were still back in school. Group projects? Individual projects? Follow along with the instructor? Reading and writing a report about what we read? Let's jot down everything we can remember back then on a piece of paper, and then we'll cross out our least favorites.&lt;/p&gt;

&lt;p&gt;Here are some of the learning styles that I like to do in related to learning how to code:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  I like to do hands-on, and the easiest way for me to learn hands-on are code-alongs. Watching some &lt;a href="https://youtube.com"&gt;YouTube&lt;/a&gt; tutorials or attending a &lt;a href="https://udemy.com"&gt;Udemy&lt;/a&gt; course are good examples for code-alongs. Reading modules and blog posts that include code demos are also good for code-alongs as well.&lt;/li&gt;
&lt;li&gt;  Practice coding and save them somewhere, such as &lt;a href="https://repl.it"&gt;replit&lt;/a&gt;, &lt;a href="https://codepen.io"&gt;CodePen&lt;/a&gt;, or even as a &lt;a href="https://gist.github.com"&gt;GitHub Gist&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;  Build sample projects and add them to your GitHub (in the future, your portfolio)&lt;/li&gt;
&lt;li&gt;  Get together with your fellow coders and build some cool things together.&lt;/li&gt;
&lt;li&gt;  Read blog posts from other coders who are already in the profession, as well as those who are currently learning like you. Communities such as &lt;a href="https://dev.to"&gt;DEV&lt;/a&gt; and &lt;a href="https://hashnode.com"&gt;Hashnode&lt;/a&gt; are good places to start.&lt;/li&gt;
&lt;li&gt;  Write blog posts about anything related to your code learning. You can join communities like DEV, Hashnode, or &lt;a href="https://medium.com"&gt;Medium&lt;/a&gt;. Or you can also create your own blogs and host them on free services like &lt;a href="https://wordpress.com"&gt;WordPress&lt;/a&gt;, &lt;a href="https://tumblr.com"&gt;Tumblr&lt;/a&gt;, or &lt;a href="https://blogger.com"&gt;Blogger&lt;/a&gt;. Or if you prefer being private, you can start a learning journal.&lt;/li&gt;
&lt;li&gt;  ... and a whole lot more&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Although I love a lot of learning styles, I still have to narrow them to the smallest. If I use too many styles at the same time, I can get distracted and lose my place on the units I'm currently learning.&lt;/p&gt;

&lt;p&gt;From the list I posted above, I decided to use these styles in order:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Code-along with the instructor/mentor.&lt;/li&gt;
&lt;li&gt;  Save my code-along projects on my GitHub, CodePen, and replit.&lt;/li&gt;
&lt;li&gt;  Sign up to a coding challenge platform, such as &lt;a href="https://codewars.com"&gt;Codewars&lt;/a&gt; and &lt;a href="https://frontend.io"&gt;Frontend Mentor&lt;/a&gt;, to build challenge projects. I will do one or two of these challenges when the right time comes. This will be helpful for extra practice and for good additions to my future portfolio.&lt;/li&gt;
&lt;li&gt;  Push them on GitHub. I have also the option of copying and pasting my files and save them on CodePen and/or replit for extra copies. Still, pushing the files to GitHub is all I need.&lt;/li&gt;
&lt;li&gt;  Write a blog post about what I recently learned and post the sample challenge projects.&lt;/li&gt;
&lt;li&gt;  Move on to the next lesson. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Based on my current life schedule, it would take me about one to three weeks to learn one lesson. It will take a little longer than the one lesson per day bootcamp style, but at least taking time would help me more.&lt;/p&gt;

&lt;h2&gt;
  
  
  II. Researching career paths in the tech field
&lt;/h2&gt;

&lt;p&gt;As we all know, the tech field is vast and wide. There are several paths to take. This is where we take the time to determine which particular tech field that interests us the most. This is a long process, especially if you're the &lt;em&gt;jack/jill of all trades&lt;/em&gt; type of person.&lt;/p&gt;

&lt;p&gt;When you choose your desired path, you will have a narrower searching. There are online programs and learning platforms that cater to a specific field. Also, consider searching for learning platforms that offer more than one field. The more successful developer or engineer should have diverse skillsets.&lt;/p&gt;

&lt;p&gt;Do you like to build cool things for the world wide web? Web development may be the field for you. Want to make interactive sites and apps look good? UI/UX/web design may be your forte. Want to work with data and that you love math? Data analytics or data science may be your path. How about making things alive on its own, such as artificial intelligence? There's machine learning. And then making everything safe from malicious attacks? There's Cybersecurity.&lt;/p&gt;

&lt;p&gt;No matter the field you choose, there's a school or online platform for that field. It also doesn't hurt to try out classes and concepts from other fields too, but we need to focus on your chosen paths.&lt;/p&gt;

&lt;p&gt;In this case, I am aiming to become a web developer. I'm also interested in mobile app development, data analytics, and data science too. But my main chosen path is web development. What type of web development? Frontend development? Backend development? Full-stack development?&lt;/p&gt;

&lt;p&gt;I aim to become a full-stack developer, but if I don't do well, front-end web developer would be my second choice. But for the time being, let's aim for becoming full-stack first.&lt;/p&gt;

&lt;h2&gt;
  
  
  III. What do I want in my own "bootcamp"?
&lt;/h2&gt;

&lt;p&gt;We don't want to proceed to searching without using our own criteria. We need to brainstorm first on what our ideal "bootcamp" should be like. Again, we want to make sure that our criteria coincides with our current life schedule.&lt;/p&gt;

&lt;p&gt;For example, in my case, this is my current schedule:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  I have free time after dinner on my working days as long as I still have some energy before bed.&lt;/li&gt;
&lt;li&gt;  I'm off every Wednesdays and the weekends.&lt;/li&gt;
&lt;li&gt;  My employer would call a "mandatory overtime" days, which meant that we're required to work an extra day. Because my employer is open 24/7, my required day to work is Wednesdays. Luckily, this doesn't happen often.&lt;/li&gt;
&lt;li&gt;  Some days, I have appointments (doctor, dental, etc.) on Wednesdays when needed. I also have some activities with my mom on Wednesdays as well.&lt;/li&gt;
&lt;li&gt;  Weekends are chore days.&lt;/li&gt;
&lt;li&gt;  I babysit my toddler nephew on Wednesday mornings and Sunday daytime.&lt;/li&gt;
&lt;li&gt;  I also take self-paced online art courses.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The criteria I came up with based on the factors above:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Self-paced learning without any limitations.&lt;/li&gt;
&lt;li&gt;  Hands-on interactivity is very important.&lt;/li&gt;
&lt;li&gt;  Reading material is a lot faster than video watching, so I want to have both of them together.&lt;/li&gt;
&lt;li&gt;  Daily open and friendly chat community filled with mentors/teaching assistants available.&lt;/li&gt;
&lt;li&gt;  Career coaching and job placement programs.&lt;/li&gt;
&lt;li&gt;  Courses already completed still available for access/reference. They may get updated too in the future, and I would like to be able to update my skills as well.&lt;/li&gt;
&lt;li&gt;  Any supplemental platforms for more practice.&lt;/li&gt;
&lt;li&gt;  A program fit for my current budget. They can range from free to low cost/installment payment.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The searching may take awhile based on the criteria we list out, but it would be a lot easier to narrow things down.&lt;/p&gt;

&lt;p&gt;In my case, as a long-time self-learner, I have come across a lot of learning platforms that I registered before or bookmarked for future reference. I will be looking back on those learning platforms before I begin my new searches for any new platforms.&lt;/p&gt;

&lt;h2&gt;
  
  
  Next part...
&lt;/h2&gt;

&lt;p&gt;As an example for this series, I will be posting my platforms that would form my personal bootcamp. I will also explain why I have chosen them and match them to the criteria I came up with beforehand.&lt;/p&gt;

&lt;p&gt;Until next time! Happy searching!&lt;/p&gt;

</description>
      <category>code</category>
      <category>education</category>
      <category>selflearning</category>
      <category>bootcamps</category>
    </item>
    <item>
      <title>Build your own Bootcamp - Part 1</title>
      <dc:creator>Adrianne P.</dc:creator>
      <pubDate>Wed, 08 Jun 2022 19:45:08 +0000</pubDate>
      <link>https://dev.to/adriculous/build-your-own-bootcamp-part-1-jhl</link>
      <guid>https://dev.to/adriculous/build-your-own-bootcamp-part-1-jhl</guid>
      <description>&lt;p&gt;As of June 1, 2022, I withdrew from my software development bootcamp at &lt;a href="https://flatironschool.com"&gt;Flatiron School&lt;/a&gt;. I wrote my reasons why I decided to drop out of the program in full detail in my personal code-learning blog &lt;a href="https://adrianne.codes/the-bootcamp-journey-ended-early/"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;My original plan to keep my DEV blog going was to write posts that are a lot more practical to my coding journey. Instead, I'm going to write about a plan that would help me get back on my feet again and move on forward. I also hope that code learners like myself would also find some inspiration from this post one way or the other.&lt;/p&gt;

&lt;p&gt;If you land in any of the factors mentioned in the below list:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  I work full-time with barely any free time except weekends...&lt;/li&gt;
&lt;li&gt;  I work part-time but I have other commitments, like family and volunteer work...&lt;/li&gt;
&lt;li&gt;  I don't want to drop everything (hobbies) because I want to concentrate on my code studies...&lt;/li&gt;
&lt;li&gt;  I want to enroll in a bootcamp/cohort that fits my schedule and lifestyle, but I can't afford the tuition...&lt;/li&gt;
&lt;li&gt;  I'm very sensitive to anything that may harm my mental health and want to study without any form of pressure...&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;... then, there is only one solution: &lt;em&gt;build your own bootcamp&lt;/em&gt;!&lt;/p&gt;

&lt;h2&gt;
  
  
  Time planning and management
&lt;/h2&gt;

&lt;p&gt;I will use my own schedule as an example:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  I work full-time, 40 hours a week. I work 10-hour shifts for four days, with Wednesdays and the weekends as my off days.&lt;/li&gt;
&lt;li&gt;  There will be some weeks in which our management will call out a "mandatory overtime." This means that we have to work one day extra based on business need. In this case, I will have to work on Wednesday, making the week 50 hours of work.&lt;/li&gt;
&lt;li&gt;  I babysit my toddler nephew on Wednesdays and Sundays. Sometimes on Saturdays too.&lt;/li&gt;
&lt;li&gt;  We hold family gatherings on Sundays at least twice a month.&lt;/li&gt;
&lt;li&gt;  I also take online art courses too, also self-paced.&lt;/li&gt;
&lt;li&gt;  I have to take into account the times I have to do household chores. I live with my mom, so at least I'm not alone at home.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;With the life schedule I have, it is clear that the bootcamp approach is not going to fit in well. I need something a lot more self-paced while still retaining everything I've learned.&lt;/p&gt;

&lt;p&gt;Planning your time is always the first step in almost everything. Analyze and review your current life schedule right now. Next, determine the times you are free to do any form of extracurricular activities. Then, start deciding the days and hours you plan to dedicate to code learning.&lt;/p&gt;

&lt;p&gt;Finally, start building your own schedule. You can use your calendar (on an actual wall calendar, phone, etc.) to set them aside. Even set your alarm as a reminder that it's time to get online and start learning. Make sure you set aside the time according to your current life schedule. We can go the "traditional classroom" time of about an hour or an hour and a half. Or we can go "thirty-forty minutes" lecture (watching videos) and "thirty-forty minutes" of coding. The decision is ours to make.&lt;/p&gt;

&lt;p&gt;The best thing about building your own bootcamp is that you make your own due dates. If you miss a day or an hour of your planned study, you can always study later when you finally have the time.&lt;/p&gt;

&lt;h2&gt;
  
  
  Staying dedicated to code learning
&lt;/h2&gt;

&lt;p&gt;The hardest part of building your own bootcamp and self-learning is dedication. If you are an adult completed your school year, this has always been a problem. Distractions can happen anytime. How can you stick to your code learning when unexpected life events happen?&lt;/p&gt;

&lt;p&gt;I admit that I fell into this trap, which is why even till today that I'm still stuck at the &lt;em&gt;beginner&lt;/em&gt; level. I learned how to build websites powered by &lt;a href="https://wordpress.org"&gt;WordPress&lt;/a&gt;, but still have yet to learn how to build my own themes from scratch and develop my own plugins. I even dabbled with Python and data visualization. I've done a lot but still had a hard time committing myself to learning.&lt;/p&gt;

&lt;p&gt;After my short bootcamp period, I'm back to take the self-learning route again. Only this time, I now understand how it feels like in an intense deadline-heavy bootcamp. I want to emulate the same model with my self-learning and build my own bootcamp. But this time also, it will be under my terms and right under my control.&lt;/p&gt;

&lt;p&gt;Staying dedicated to code learning takes time. At least when we do take time, we will find the motivation we need to keep going.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://learntocodewith.me/podcast/stay-motivated/"&gt;There is a really good podcast by Learn to Code With Me&lt;/a&gt; about some ways and tips on motivation to continuing your self-paced learning. When you do have a chance, please check it out!&lt;/p&gt;

&lt;h2&gt;
  
  
  Next part...
&lt;/h2&gt;

&lt;p&gt;We will start researching for courses, paths, programs, and resources as part of our self-building bootcamp.&lt;/p&gt;

&lt;p&gt;Till next time!&lt;/p&gt;

</description>
      <category>code</category>
      <category>education</category>
      <category>selflearning</category>
      <category>bootcamps</category>
    </item>
    <item>
      <title>First Phase Reflection</title>
      <dc:creator>Adrianne P.</dc:creator>
      <pubDate>Mon, 23 May 2022 03:54:55 +0000</pubDate>
      <link>https://dev.to/adriculous/first-phase-reflection-3652</link>
      <guid>https://dev.to/adriculous/first-phase-reflection-3652</guid>
      <description>&lt;p&gt;During the first week of May, we began the first phase of our bootcamp. We learned the three foundations of web development: HTML, CSS, and JavaScript. On the pre-work phase, we began by learning the very basics of JavaScript. In this first phase, we learned the more advanced concepts of JavaScript. In particular, the relationships between these three foundations and how all three, even with the simplest methods, can create magic.&lt;/p&gt;

&lt;p&gt;I have been doing self-study for years before I entered the bootcamp, but there are three things that I learned from this first phase that made me feel more excited in becoming a software developer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Semantic HTML
&lt;/h2&gt;

&lt;p&gt;During my self-study, I learned about creating the base structure whenever I build simple websites. One of the foundational elements in making things work with its relationship with CSS is using the &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; tag. If you go to less-commercial sites, such as a personal blog or a fan site and check their source code, you will see plenty of &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; tags here and there with a bunch of ID names and class names as attributes along with the &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; tags.&lt;/p&gt;

&lt;p&gt;When I learned how to use the &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; tag properly, I felt powerful as a developer, as long as there are ID name and class name attributes in them. However, as time goes by, I started to feel completely confused and overwhelmed with the nesting of all these &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; tags.&lt;/p&gt;

&lt;p&gt;Here's an example of what I mean:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;!-- Sample code from my project using Bootstrap 5 --&amp;gt;
&amp;lt;div class="container-fluid p-5 text-center"&amp;gt;
        &amp;lt;h1 class="mainheader"&amp;gt;Cool Gitty Peeps&amp;lt;/h1&amp;gt;
            &amp;lt;h5&amp;gt;GitHub Profiles and More!&amp;lt;/h5&amp;gt;
            &amp;lt;div class="row height d-flex justify-content-center align-items-center"&amp;gt;
                &amp;lt;div class="col-md-8"&amp;gt;
                    &amp;lt;div class="searchBar"&amp;gt;
                        &amp;lt;form id="form"&amp;gt;
                            &amp;lt;input id="search" type="text" class="userProfiles" placeholder="Search username" /&amp;gt;
                            &amp;lt;button id="#searchBtn" class="btn btn-primary"&amp;gt;&amp;lt;i class="bi bi-search-heart"&amp;gt;&amp;lt;/i&amp;gt; Search&amp;lt;/button&amp;gt;
                        &amp;lt;/form&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;
            &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's quite a lot of nesting, don't you think? It's become so cluttered and confusing that I feel like I couldn't match the ID and class name attributes to the actual ID names and class names in my CSS file. Sometimes, it gets very confusing if I don't name the &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt;s properly and it will be difficult to determine which &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; does what, and so on.&lt;/p&gt;

&lt;p&gt;After learning (and re-learning) HTML, I discovered &lt;em&gt;semantic HTML&lt;/em&gt;. If I were going to rewrite the code above, it would look something like this below:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;main class="container-fluid p-5 text-center"&amp;gt;
        &amp;lt;h1 class="mainheader"&amp;gt;Cool Gitty Peeps&amp;lt;/h1&amp;gt;
            &amp;lt;h5&amp;gt;GitHub Profiles and More!&amp;lt;/h5&amp;gt;
            &amp;lt;div class="row height d-flex justify-content-center align-items-center"&amp;gt;
                &amp;lt;div class="col-md-8"&amp;gt;
                    &amp;lt;section class="searchBar"&amp;gt;
                        &amp;lt;form id="form"&amp;gt;
                            &amp;lt;input id="search" type="text" class="userProfiles" placeholder="Search username" /&amp;gt;
                            &amp;lt;button id="#searchBtn" class="btn btn-primary"&amp;gt;&amp;lt;i class="bi bi-search-heart"&amp;gt;&amp;lt;/i&amp;gt; Search&amp;lt;/button&amp;gt;
                        &amp;lt;/form&amp;gt;
                    &amp;lt;/section&amp;gt;
                &amp;lt;/div&amp;gt;
            &amp;lt;/div&amp;gt;
&amp;lt;/main&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The tags &lt;code&gt;&amp;lt;main&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; are examples of semantic HTML tags. There may still be some &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; tags left in the code example above, however, semantic tags did make this code sample a little cleaner and a lot clearer. The &lt;code&gt;&amp;lt;main&amp;gt;&lt;/code&gt; tag helped me identify that this is the main element of the entire web app. The &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; tag helps me identify that this is a search bar section that includes the &lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt; element and the &lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt; element.&lt;/p&gt;

&lt;p&gt;There are some &lt;a href="https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantic_elements"&gt;hundreds of semantic HTML elements&lt;/a&gt; available for use, but &lt;code&gt;&amp;lt;main&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; are some of the most common tags used when building the skeletal structure of a website or a web app.&lt;/p&gt;

&lt;p&gt;I'm still new to semantic HTML, but I do hope I would incorporate this more often whenever I start building my HTML document(s) for future projects.&lt;/p&gt;

&lt;h2&gt;
  
  
  CSS Specificity
&lt;/h2&gt;

&lt;p&gt;Just as I thought that I've got the main core of CSS covered, there is one particular aspect of CSS that I wasn't aware of during my self-studying period: there is a hierarchy within CSS that is more formally known as &lt;em&gt;CSS Specificity&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;There are four categories in hierarchy and specificity:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Inline Styles: &amp;lt;p style="color: red;"&amp;gt;...&amp;lt;/p&amp;gt;

IDs: #mytext

Classes, pseudo-classes, and attributes: .thispart, link:hover, [src]

Elements and pseudo-elements: h1, :before
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We also had to memorize on how to calculate the specificity in each of these categories. More information is found &lt;a href="https://www.w3schools.com/css/css_specificity.asp"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;As far as I know, the highest specificity is the inline styles, while the lowest are the elements and pseudo-elements. However, there is one keyword that we must be careful on using: &lt;code&gt;!important&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;!important&lt;/code&gt; overrides everything including inline styles. If we have to use it, we need to be careful with using this keyword.&lt;/p&gt;

&lt;h2&gt;
  
  
  Building Web Apps with APIs
&lt;/h2&gt;

&lt;p&gt;We've covered so much with the more advanced JavaScript. Learning about DOM, events, and connecting the dots between HTML, CSS, and JavaScript. But what's also amazing is that we can create apps with data coming from other sources that we call API.&lt;/p&gt;

&lt;p&gt;We can build any web app that takes advantage of the data provided by the API. In JavaScript, there are different ways of fetching the API which included jQuery and React and &lt;a href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest"&gt;XMLHttpRequest&lt;/a&gt;. But in this phase, we learned a relatively new feature in JavaScript today: the &lt;code&gt;fetch()&lt;/code&gt; API.&lt;/p&gt;

&lt;p&gt;Here's an example of using &lt;code&gt;fetch()&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
// We are fetching GitHub profiles from the GitHub API
fetch(`https://api.github.com/users`)

// We want to return the profiles into JSON
   .then(response =&amp;gt; response.json())

// We can now use the data
   .then(data =&amp;gt; {
     console.log(data)
// We can add some markup here
...
})

// We'll catch some errors
   .catch(error =&amp;gt; console.error(error))
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We haven't learned about the other methods yet, but the &lt;code&gt;fetch&lt;/code&gt; API was created as a substitute or a replacement for &lt;code&gt;XMLHttpRequest&lt;/code&gt;. The latter was known to be a very complex, complicated way to fetch data, and therefore &lt;code&gt;fetch&lt;/code&gt; was created to make the data fetching a lot more streamlined and easy to understand.&lt;/p&gt;

&lt;h2&gt;
  
  
  Last Thoughts
&lt;/h2&gt;

&lt;p&gt;It was fun in the beginning, but it got very difficult and complicated to the end. I struggled a lot in the end of the phase because of my lack of extra time due to many outside situations. But despite of the time difficulties that I had, I learned a lot of valuable concepts and discovered new concepts I never knew existed, from the CSS Specificity to building our own cool apps using APIs already provided to us by many services all over the internet.&lt;/p&gt;

&lt;p&gt;The next phase introduces us to React, one of JavaScript's most popular frameworks. Frameworks are supposed to make things easier for us with our JavaScript coding journey, but at the same time, it will be another difficult challenge.&lt;/p&gt;

&lt;p&gt;I look forward to what's to come, and I pray for more time and proper time management in the coming future.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>From Video Games to Software Development</title>
      <dc:creator>Adrianne P.</dc:creator>
      <pubDate>Thu, 07 Apr 2022 06:05:58 +0000</pubDate>
      <link>https://dev.to/adriculous/from-video-games-to-software-development-2knf</link>
      <guid>https://dev.to/adriculous/from-video-games-to-software-development-2knf</guid>
      <description>&lt;h2&gt;
  
  
  Atari 2600: Simple Beginnings
&lt;/h2&gt;

&lt;p&gt;When I was around eight-years-old in the Philippines, not everyone had the luxury of buying any recreational electronic devices, such as video games. This was back in the early to mid-1980s, and the newest, coolest form of "recreational technology" then was the Atari video game console. Namely, the &lt;a href="https://en.wikipedia.org/wiki/Atari_2600"&gt;Atari 2600&lt;/a&gt;. But when my uncle visited the Philippines from his overseas job in Saudi Arabia, he gifted my brother and me the Atari 2600 and four game cartridges along with it: Space Invaders, Pac-Man, Asteroids, and Missile Command. Sure, the graphics were all solid colors and completely pixellated, nothing close to having 8-bit graphics, but as kids then, we were amazed with this wonderful thing called video games. It wasn't just the graphics we were amazed with, but the interactivity on how the game responds to every move of the joystick to the press of that big red button. Right then, I was very curious on how this was possible. To me, it was like magic, and that wizards who made this console and the games must be wizards. We didn't play video games constantly because we did have strict parents, but when we did play, the parents were there too, and they would also play when our fingers get tired.&lt;/p&gt;

&lt;p&gt;At that time also, my cousins, sons of the uncle who gifted us that very special Atari 2600 to us, were gifted their first PC: A Commodore personal computer. We were still too young to tap on the keyboard, so whenever we visited, our teenaged cousins would be playing the games there including chess and solitaire, and we would just watch in awe. Once again, I was completely awed with their "bigger video game console" in comparison to our Atari 2600. I remembered begging to my father of buying our own Commodore PC, but in those days, only the rich kids can afford them, and we weren't part of the rich kids group.&lt;/p&gt;

&lt;p&gt;Two years later, things have changed a bit. We immigrated to the U.S., and along with the belongings we brought, the Atari 2600 came along with us too.&lt;/p&gt;

&lt;h2&gt;
  
  
  New Country, New Console, New Technology
&lt;/h2&gt;

&lt;p&gt;During our first two years in the U.S., our granduncle gifted us a brand-new game cartridge to add to our collection: &lt;em&gt;E.T.&lt;/em&gt;. Unfortunately, playing E.T. on the Atari didn't last that long. Some four months later, the Atari 2600 died and it was no longer functional. Dad even tried bringing it to an electronics repair shop, but sadly, it was confirmed that the Atari 2600's life has ended then. Since then, we didn't play any video games to play and had to go through some envy when we had our classmates talk about the latest video games in a much more upgraded console, the classic NES (Nintendo Entertainment System).&lt;/p&gt;

&lt;p&gt;A year later, when our parents were able to get higher-paying jobs, they gifted us our very own NES console, along with two video game cartridges: &lt;em&gt;Super Mario Bros&lt;/em&gt; and &lt;em&gt;Duck Hunt&lt;/em&gt;. Because of its more color-rich 8-bit pixellated graphics, that was when I became attracted to just computer graphics and computer art altogether that I even started imagining myself as an adult creating computer graphics for new video games. I thought video games was going to be my destiny then, but six months later, Dad bought our very first PC. &lt;/p&gt;

&lt;p&gt;Our new PC obviously was much faster and advanced than our cousins' Commodore PC. Originally, Dad bought the PC so he can do his accounting work at home, but because he was generous, he was able to borrow some collections of floppy discs and installed some games in there, such as the classic &lt;em&gt;Solitaire&lt;/em&gt; and games from school such as &lt;em&gt;Oregon Trail&lt;/em&gt; and &lt;em&gt;Where in the World is Carmen Sandiego?&lt;/em&gt;, but the best games I've ever played on a PC were the ones created by the old &lt;a href="https://en.wikipedia.org/wiki/Sierra_Entertainment"&gt;Sierra Entertainment&lt;/a&gt;. Those games, like &lt;em&gt;King's Quest&lt;/em&gt;, &lt;em&gt;Police Quest&lt;/em&gt;, and &lt;em&gt;Space Quest&lt;/em&gt; introduced me to the RPG (role-playing game) genre of video games. Eventually sometime later, the &lt;em&gt;Final Fantasy&lt;/em&gt; series were added to our NES game cartridge collection, which gave me a bigger interest in RPG games altogether, as well as "whoa, those graphics are so sweet, colorful, and detailed!" (computer graphics) and "whoa, how the heck did my character do that?" (the programming part).&lt;/p&gt;

&lt;p&gt;With those childhood fascinations, the mysteries of the computer had grown. During my adolescence, I became a lot more interested with computers in general. I even started typing my homework essays on the old &lt;em&gt;WordPerfect&lt;/em&gt; word processing software around that time too.&lt;/p&gt;

&lt;h2&gt;
  
  
  High School: Introduction to the Apple Mac, but I suck at Math
&lt;/h2&gt;

&lt;p&gt;In high school, we had our English and history teachers introducing us to new multimedia tools, such as the first Apple IIGS and the first Apple Mac. Along with it are more advanced graphics as the visuals for our lessons. They even used a projector to view what was on the screen and we thought that was really cool then. Also from those same teachers, I learned that there is such thing as "graphics software," where we can draw and create some cool art and graphics just by using the computer instead of the paper and pencil. I was also a budding artist, primarily with lettering and simple doodling, and imagining being able to do digital art and graphics would also lead me to the mysteries behind this wonderful field that I only knew as "cool computer stuff."&lt;/p&gt;

&lt;p&gt;When sophomore year came, I discovered these first graphics programs installed in the Apple computers in the school library and started playing around with it. I couldn't remember the names, but they were proprietary software that only the early Apple Macs had then. Next thing I knew, I was simply hooked.&lt;/p&gt;

&lt;p&gt;For junior and senior year, I was tempted to take a computer science course as one of my electives, but when I saw the prerequisites and I frowned at my own lack of mathematics knowledge, I scratched the idea of enrolling into that computer science course. I did pretty decent in school, had decent grades, but I wouldn't call myself an honor student. Math was my weakest subject all this time. I don't know if I wasn't really interested in math or that I was unlucky that my teachers couldn't teach the subject well. I leaned more towards me not having so much interest. But because of low math grades, I was not qualified to take that basic computer science course. I guess I could say that I already experienced my very first case of imposter syndrome then, except we didn't know what that was called and I was sure it wasn't imposter syndrome then. However, I did end up taking a computer-related course that introduced me to office productivity tools such as WordPerfect (word processor), dBase (database software), and Lotus 1-2-3 (spreadsheet software). Microsoft Office did not exist back then.&lt;/p&gt;

&lt;h2&gt;
  
  
  College Days: Discovery of the Internet and this New Thing called "Web Publishing"
&lt;/h2&gt;

&lt;p&gt;College days came and it was at that period that my interest in software development started to bud a little bit. During my general education courses period (first two years), I discovered the internet as a brand-new source of information for my research paper assignments, alongside the university library and its vast collection of microfiche and scholastic journals. Still, I found the internet an awesome wonder, and thought to myself that the computer has done its wizardry once more. However, my barely passing grades in high school math (Trigonometry was my highest math level and I barely passed that too) prevented me from choosing computer science as my major, just so I can learn the mysterious magic of computers. Eventually, I chose my second option, Mass Communications.&lt;/p&gt;

&lt;p&gt;I was also into radio programs, the music industry itself, as well as watching my favorite TV shows then. If I couldn't succeed Math, I knew I wouldn't make it into the computer science major, so I went for my second alternative. I also took a minor in multimedia production when I learned that they teach and train computer graphic and computer art with the tools professionals use. That was my first introduction to graphic programs such as Adobe Photoshop, Adobe Illustrator, and a 3D graphics program called Maya.&lt;/p&gt;

&lt;p&gt;At that time, I thought I was going to abandon my dreams of building things using computers (as in video games or even cool graphic presentations for businesses, etc.) because I did eventually fall in love with radio and TV production and their behind-the-scenes processes. I even started writing my own attempts to fictional short stories because of the courses and projects I did for the major. In addition to that, my love for computer graphics can also integrate with the advertising/marketing portion of my major too.&lt;/p&gt;

&lt;p&gt;But just shy of my fifth year in college, the Mass Communications Department have introduced to us a brand-new medium form of communications in addition to print, TV, and radio. They called it &lt;em&gt;Web Publishing&lt;/em&gt;. In short, it's the early name for &lt;em&gt;developing websites for communicating published information&lt;/em&gt;. It was almost the same thing as print (newspapers and magazines), except it was on the computer screen. Right then, I started to connect the dots between my discovery of the internet during my first two years and this new thing called &lt;em&gt;web publishing.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;During Web Publishing class, I learned the basic to intermediate HTML (this was HTML 4.0-something) and rarely touched on another new thing called CSS. This was around 1998, and I was amazed that this CSS thing can make all these HTML-made static websites look cool and colorful, just like those 8-bit pixel graphics that I used to love in my early days of video games.&lt;/p&gt;

&lt;p&gt;Near the end of the course, we had a small demo from our professor of a professionally-published website, which was the CNN News official website. I noticed something cool with it, such as the highlighting of the menu items and having embedded (but somewhat pixelated) videos playing right then and there. Many of us asked how these cool effects and embedding media were possible when we didn't learn any of that during the course. That was when I learned about another new thing for me: JavaScript. It was a whole complete programming languages specifically built for the web, but it was not taught in the college I was attending, not even in our computer science department.&lt;/p&gt;

&lt;p&gt;At that time, I found myself going back to learning computer magic again. I've lost interest somehow with Mass Communications in general. I wanted to build cool websites like that CNN News website then, but there weren't any courses available because &lt;em&gt;web publishing&lt;/em&gt;, or better yet, &lt;em&gt;web development&lt;/em&gt;, was still a new thing then.&lt;/p&gt;

&lt;p&gt;I ended up leaving college altogether to seek my own path to finding a course or tutorial on how I can build cool interactive sites that are beyond just HTML and CSS. After I left, I applied for a full-time job as a data entry clerk, using my computer information productivity skills as my tools to get the job. But in that meantime, I also became interested in my own hobbies again, such as video games, writing short stories, and my (re-)introduction to anime and manga.&lt;/p&gt;

&lt;h2&gt;
  
  
  Post-College Days: Hobbyist Web Designer and More Discoveries
&lt;/h2&gt;

&lt;p&gt;The more I started to get addicted to the internet, the more I started to realize that the magic of computers isn't just about building video games, beautiful digital graphics, or even building productivity software like Microsoft Office. The internet became a brand-new medium where you can find all sorts of information you probably couldn't find in the library, or in other places like the radio or TV. If you're unable to visit a particular store you wanted to visit, that store may have a website published somewhere in the internet, so you can check them out from there instead.&lt;/p&gt;

&lt;p&gt;But most of all, I started getting back into my own hobbies again from childhood to college. It was then that I discovered that there are average ordinary people like myself have published their own personal websites. There are websites about their favorite anime/manga, favorite video games, even a message board community of like-minded hobbyists too. I even remembered an old popular free web hosting service before: &lt;em&gt;Geocities&lt;/em&gt;. I even discovered blogging through the new service called &lt;a href="https://blogger.com"&gt;Blogger&lt;/a&gt; (before Google acquired it). I remembered its first versions of Blogger - there was no such thing as "choose a pre-made theme" or "customize this and that with the provided dropdown choices like colors, fonts, etc." then. We all had to build our own layouts, hand-coded HTML/CSS straight up. Luckily for me, their templating system was easy to understand, and I was able to build my very first blog theme.&lt;/p&gt;

&lt;p&gt;As a few years gone by, I mostly taught myself by using what I've learned from that web publishing course, by viewing source codes of interesting websites I've seen to connect with web designers (we used to call them webmasters) of those cool anime/manga/video game fan sites and ask them how and where they acquired their knowledge of HTML, CSS, and JavaScript. It turned out that they didn't. HTML and CSS were easy to learn on their own, but JavaScript, they would visit those free JavaScript copy/paste sites and just copy/paste snippets and modify them to fit their sites.&lt;/p&gt;

&lt;h2&gt;
  
  
  Late 2000s- Present: Searching for Opportunities and Resources for Software Development
&lt;/h2&gt;

&lt;p&gt;Around mid to late 2000s, I discovered that there are colleges/universities who start to offer their courses online. I found one that offers a Visual Communications degree that had a strong emphasis on digital graphics and web publishing. From there, I enrolled in their program, carried over my past college credits to apply to their general education, and earned my BFA (Bachelor of Fine Arts) degree in two years.&lt;/p&gt;

&lt;p&gt;My second (online) college had a job placement program, but we were at the period of job scarcity and there were very little to no job openings for web designers. I lacked experience in programming and coding, knowing that copying and pasting JavaScript snippets for my personal sites is not considered experience in programming and coding. I had a portfolio to share my past course projects and some of my personal sites, however, my career mentor then stated that they were "amateur"-ish and that I had to redo them. Right then, I started to feel stuck and lost and close to losing hope in actually finding the right platforms for someone like me to learn coding without thinking about how bad I am with Math.&lt;/p&gt;

&lt;p&gt;Right around early 2010s, new bootcamps and online learning programs start to emerge. However, around that same period, I was also laid off from work. Stuck with being unemployed and eventually having to take care of my mom while she was going through her breast cancer treatment almost got me into depression, but with whatever I had, I kept my hopes up. Eventually, I found a flexible, affordable online learning platform that teaches how to code and other non-coding courses like digital graphics that I had a chance to pay for the tuition in small installments. I gained a lot of valuable experience and knowledge from them, however, they did not have a job placement program, and once more, I got stuck.&lt;/p&gt;

&lt;p&gt;I continued on with my self-taught learning how to code with platforms like &lt;a href="https://udemy.com"&gt;Udemy&lt;/a&gt;, &lt;a href="https://teamtreehouse.com"&gt;Treehouse&lt;/a&gt;, and Code School (now known as &lt;a href="https://pluralsight.com"&gt;Pluralsight&lt;/a&gt;), but because they have unlimited access and we learn at our own pace, it's easy for us to neglect it when we get distracted by other interests. I'm usually a disciplined student, but with this huge of flexibility, it was difficult for me to keep up. Still, I continued on building hobbyist personal sites and update my personal blog to keep up with my skills while trying to learn new ones. I even opened my own code/tech learning progress blog back then too. It still exists today, but it ended up being more like personal ramblings about not just coding itself, but also the tech industry altogether.&lt;/p&gt;

&lt;p&gt;During that period there are so many resources and online schools and bootcamps for anyone to learn to code, but my issue then is how to dedicate myself to those courses. I also joined local meetup groups and communities that I feel I'm fit with, such as tech organizations for women. But even with all that, I still have no guidance, no job placement program, no community to reach out to (with the exception of Discord and Slack Chats, but I was a bit intimidated then because networking is also one of my weaknesses too), I was one again lost in my software development journey.&lt;/p&gt;

&lt;p&gt;Even then, I did pick up a few basics from all of those self-learning: I learned basic Javascript (before ES 2015), basic Ruby (not Ruby on Rails, just Ruby), PHP (because of WordPress theme building), and Python (I got curious with data science at one point too). Even with the basic things I learned, my problem now is how to utilize them and build projects. I had no clue where or how to start.&lt;/p&gt;

&lt;h2&gt;
  
  
  2022: Flatiron School
&lt;/h2&gt;

&lt;p&gt;Back in 2015, I got a part-time job at an Amazon Sort Center and had been there for almost four years. In 2019, my father passed away and had to quit my job to deal with family matters. In late 2020, I got a flex-hour part-time job as a shopper at Whole Foods and at times, at the PrimeNow Warehouse and have been there for a little over a year. And then in December 2021, I transferred to Amazon Customer Returns Fulfillment Center as a full-time associate.&lt;/p&gt;

&lt;p&gt;Around 2016 or 2017, Amazon introduced the Career Choice program for their employees interested in outside education and training by partner schools and institutions and Amazon pays partially for the tuition and costs. But that was back in 2016-2017, and that there were also no online schools or coding bootcamps available in their partner schools list. But this year, their partner schools and programs had increased and Flatiron School just happened to be one who offer a software development program. Plus, Amazon now pays tuition in full instead of partial like before as well.&lt;/p&gt;

&lt;p&gt;During my self-learning, I read blog posts and articles from students of online bootcamps about their stories and experiences and somehow some of them intimidated me. I was a bit hesitant with coding bootcamps then because I didn't like the stress and pressure of getting things completed at a due date. And also once again, my logic skills weren't exactly at a high level, and basically, my self-confidence was broken. It was then that I first started experiencing &lt;em&gt;imposter syndrome&lt;/em&gt;. I still have that imposter syndrome today.&lt;/p&gt;

&lt;p&gt;But what I like about Flatiron School so far is that, although the pre-work phase is intense, their program is quite fair. We got a grace period of finishing off the assignments we weren't able to finish, and that their reading materials and lectures were quite thorough. Of all the self-learning period I went through with (basic) JavaScript, I finally understood how (most of the) JavaScript concepts are and how they are being used. I am still finishing up my labs and coding challenge as of now, but I wanted to write this first blog entry to share my journey to the instructors and fellow classmates.&lt;/p&gt;

&lt;p&gt;I look forward to continuing with the program and I hope I survive and reach the finish line this October. The last day also happens to be my birthday too.&lt;/p&gt;

&lt;p&gt;Right now, my personal concern is how marketable I would be after this program, mainly because of age. Not only that I am female and part of the minority, but my age is also a concern too. I am in my mid-40s now, and I feel a little insecure of getting discriminated and not get hired for an entry level position, namely because of age. I hope I learn how to overcome that as I continue with the program.&lt;/p&gt;

&lt;h2&gt;
  
  
  Last Words: Why Software Development?
&lt;/h2&gt;

&lt;p&gt;Somehow, I wanted to contribute something to the world with the things I love. I don't mean building informational sites about my hobbies and favorite forms of entertainment, but somehow to make a difference in the world too. Websites, even mobile apps, have become a part of our everyday lives at this age and I know there are others, like small businesses, organizations, and individuals who haven't have their own site to promote their businesses or their causes. There are many professional software developers out there for anyone to hire, but I still want to be a part of that phenomenon.&lt;/p&gt;

&lt;p&gt;My first aim is to be a full-stack developer. If I fail in some aspects, I would also like to be a front-end developer too. Or even a QA Engineer or support technician of some sort. Maybe at the same time, I can be a coding mentor too for aspiring new coders too.&lt;/p&gt;

&lt;p&gt;With a busy life that I have today with the bootcamp, work, and family, I also wish that I get to work remotely or a hybrid. I do enjoy going out and work at a location, but I also enjoy going around places for pleasure too, but most of all, I work best in the comfort of my home and close to my family. But that's just one perk.&lt;/p&gt;

&lt;p&gt;I guess to sum it up, I have grown to love software development, even if it's now limited to just HTML, CSS, and JavaScript with a dash of Ruby, PHP, and Python. I want to live a life doing something I love. And in addition to just being able to live an enjoyable life that balances both work and play, I'm also inspired to share what I've learned to aspiring software developers too.&lt;/p&gt;

&lt;p&gt;Once I do reach those goals, I have another story to share at another time.&lt;/p&gt;

</description>
      <category>introduction</category>
      <category>journey</category>
      <category>goals</category>
      <category>dreams</category>
    </item>
  </channel>
</rss>
