<?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>Forem: Lynne</title>
    <description>The latest articles on Forem by Lynne (@lynnecodes).</description>
    <link>https://forem.com/lynnecodes</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%2F414638%2F1e3b2bc2-fee4-417e-8c0d-0ad22f778229.jpg</url>
      <title>Forem: Lynne</title>
      <link>https://forem.com/lynnecodes</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/lynnecodes"/>
    <language>en</language>
    <item>
      <title>5 Best Developer Portfolio Templates of 2021</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Tue, 02 Mar 2021 17:01:18 +0000</pubDate>
      <link>https://forem.com/sanity-io/5-best-developer-portfolio-templates-of-2021-1chc</link>
      <guid>https://forem.com/sanity-io/5-best-developer-portfolio-templates-of-2021-1chc</guid>
      <description>&lt;h2&gt;
  
  
  The perfect portfolio template for you
&lt;/h2&gt;

&lt;p&gt;You are a quality web developer. So why not show off your skills, and experience in an online portfolio that is perfectly designed to demonstrate your abilities? These five 2021 portfolio template picks include fun image animations, light/dark mode options, bold colors, and even interactive portfolios. By using a portfolio website template source code with Sanity, you can start stepping up your portfolio game today!&lt;/p&gt;

&lt;h2&gt;
  
  
  Managing Your Content
&lt;/h2&gt;

&lt;p&gt;Setting up Sanity.io to manage your content for your developer portfolio has never been better. After installing the Sanity CLI into your project, you’re able to access Sanity Studio to add and edit content in your app. This works wonders for online portfolios and blogs! Leave it to Sanity to store your data in its cloud. Sanity Studio is also customizable. Any features you want to place in your portfolio are handled efficiently and changes can be viewed in real-time.&lt;/p&gt;

&lt;p&gt;So, in 2021, let’s join our personal portfolio website with Sanity to help build our online portfolio’s content. Be your own personal marketer and digital agency. Here are 5 awesome React templates for the new year that you can use with Sanity. Here's the kicker, the pricing for these portfolio website templates is at no cost to you!&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Developer Portfolio by Hanzla
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0hzf17gyrkz464nc4s2g.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0hzf17gyrkz464nc4s2g.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://developer-portfolio.1hanzla100.vercel.app/" rel="noopener noreferrer"&gt;View Demo&lt;/a&gt; | &lt;a href="https://github.com/1hanzla100/developer-portfolio" rel="noopener noreferrer"&gt;Get Template&lt;/a&gt;&lt;br&gt;
The animation is eye-catching and when used correctly, makes the user experience intriguing. This one-page portfolio is modern including a sleek white and blue color scheme and seamless scrolling between sections. Each animation is unique to the topic section and visually catches the user’s attention. It has all the information required for an online portfolio without the need for overwhelming design or text. The functionality of this portfolio site is awesome for graphic designers and freelancers alike. There is a dedicated link for the web developer’s resume that potential employers can view and download. The links for social media are very prominent with the location right above the resume and in the top menu bar.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. React Frontend Dev Portfolio by Dorota Gil
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9g62bdxzmbpbspibt52r.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9g62bdxzmbpbspibt52r.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://dorota1997.github.io/react-frontend-dev-portfolio/" rel="noopener noreferrer"&gt;View Demo&lt;/a&gt; | &lt;a href="https://github.com/Dorota1997/react-frontend-dev-portfolio" rel="noopener noreferrer"&gt;Get Template&lt;/a&gt;&lt;br&gt;
Who doesn’t like options? Having a light and a dark version of your resume is pretty impressive coming into 2021. When first landing on the homepage of this portfolio website template, there is a toggle between the light and dark options which changes the color scheme. And it does not stop there. What else is great about this online portfolio? A toggle between languages that the portfolio is available in. This is an awesome feature for multi-lingual web developers to present their portfolio in other languages! &lt;/p&gt;

&lt;p&gt;There is no menu bar, but a little icon in the top left-hand corner that links to GitHub. This online portfolio has a one-page scroll with clickable items that will pop out more information on that element for a minimalistic portfolio site. The projects section pops up modal galleries, which makes it nice for screenshots alongside descriptions of the web developer’s projects and can include other areas like testimonials which can be great for web developers, graphic designers, startups, and even photography websites. Don't forget to show off what you can do by using the icons like HTML, CSS, JavaScript, Bootstrap, and jQuery in the skills section. Having page templates give options to make this portfolio multipurpose. The experience section slides in information on scroll on past involvements. This can be used for education, past employments, and achievements. This portfolio website template offers a simple and clean portfolio that highlights information about the web developer, projects, skills, and experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. React Portfolio by Sachin Mittal
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frmf4nzsi5ugm5knx2wgc.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frmf4nzsi5ugm5knx2wgc.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://myself.now.sh/" rel="noopener noreferrer"&gt;View Demo&lt;/a&gt; | &lt;a href="https://github.com/mittalsam98/react-portfolio" rel="noopener noreferrer"&gt;Get Template&lt;/a&gt;&lt;br&gt;
Since the left column stays fixed with portfolio navigation and social media links, it makes finding contact information and navigation quick. The main screen to the right embodies the online portfolio pages. The bold images fill the area right of the menu, automatically transitioning to feature links to view projects and a CV on the image. Vertical scrolling on the landing page is enabled to expand on information about the web developer and their education. You can really use the portfolio website template for HTML customization and add menu items like blogs or links to projects.&lt;/p&gt;

&lt;p&gt;Portfolios are a web developer’s resume. It lays out information about the individual, what their educational background and/or experience in the field is, what type of skill sets they have, and introduces the viewer to projects to show off what they can offer. Having a blog added to your online portfolio really shares an individual’s personality and their journey during projects. It is a great way for employers to hone into what type of web developer or web designer you are. This online portfolio would go nicely with Sanity’s content management and Sanity would help ease functionality to add and edit your 2021 blogs in your portfolio.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. React Portfolio Template by Chetan Verma
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6vxbvyql41cgmx111etq.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6vxbvyql41cgmx111etq.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://react-portfolio-template.netlify.app/" rel="noopener noreferrer"&gt;View Demo&lt;/a&gt; | &lt;a href="https://github.com/chetanverma16/react-portfolio-template" rel="noopener noreferrer"&gt;Get Template&lt;/a&gt;&lt;br&gt;
A simple personal portfolio website can never do you wrong. Simple can be beautiful. When going for a minimalist approach, you must focus on other things to grab the user’s attention and really understand the experience the user will take away from viewing your online portfolio. The only animation in this portfolio is a couple of the texts on the scroll.&lt;/p&gt;

&lt;p&gt;Other than that, this portfolio focuses on the bold typography and the minimal design of a white and black theme. The headers stand out and the pictures from the "Work" and "About Me" sections make the colors pop and draw your attention to those main attributes. Having an uncomplicated portfolio showcasing your work in 2021 will never go out of style.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Material UI Portfolio by Mahmudul Alam
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F40cxuux5gzp7x05wktee.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F40cxuux5gzp7x05wktee.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://materialui-portfolio.netlify.app/" rel="noopener noreferrer"&gt;View Demo&lt;/a&gt; | &lt;a href="https://github.com/devmahmud/material-ui-portfolio" rel="noopener noreferrer"&gt;Get Template&lt;/a&gt;&lt;br&gt;
Subtle background animations are quite interesting. This is an example of an animated background in a portfolio site done right. The incredible background animation is what’s going to set this portfolio apart in 2021. You get your usual floating stars, but how about stepping web design up a bit and add a whole constellation? It is not a one-page portfolio, which brings the user’s focus on the full-screen background that is brought to life. The menu is simple and moves you between the developer portfolio's resume and projects. What's great about this online portfolio is that it includes a contact form. There is room for customization with this React template to add menu items as your personal online portfolio would require. &lt;/p&gt;

&lt;p&gt;This developer portfolio is distinctive and memorable just for the background itself. Take something familiar and elevate it!&lt;/p&gt;

&lt;h2&gt;
  
  
  Worth Mentioning - React Terminal Portfolio by Shlok Somani
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvngmm34f9ymqgixi6u1.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvngmm34f9ymqgixi6u1.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://shloksomani.github.io/react-terminal-portfolio/" rel="noopener noreferrer"&gt;View Demo&lt;/a&gt; | &lt;a href="https://github.com/shloksomani/react-terminal-portfolio" rel="noopener noreferrer"&gt;Get Template&lt;/a&gt;&lt;br&gt;
Now, this is a fun and different approach. Your personal portfolio website should be a testament to you and your web development skills. This single-page terminal portfolio makes the fellow web developer giggle inside as the terminal is used by a web developer daily. It may not seem that this online portfolio uses too much informational content or frivolous images, but you can bet that the functionality can be modified to allow the viewer to interactively find information. Using terminal commands has become second nature and creating it to present your portfolio is so much fun.&lt;/p&gt;

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

&lt;p&gt;Using portfolio website templates helps web developers create visually appealing online portfolios in no time. After viewing the portfolio theme demo, follow the links for the free React portfolio website templates and download the repo. What’s really cool about these portfolios is the customization. They can be used with Sanity to manage your content. Here’s a great tutorial on how to build your first blog with Sanity and React. Use your templates with Sanity and save yourself some valuable web designer time. Focus on more important information like you and your skills. Get started with your developer portfolio template with Sanity today!&lt;/p&gt;

</description>
      <category>portfolio</category>
      <category>resume</category>
      <category>sanity</category>
      <category>react</category>
    </item>
    <item>
      <title>My First Junior Dev Job</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Mon, 04 Jan 2021 18:05:32 +0000</pubDate>
      <link>https://forem.com/lynnecodes/my-first-junior-dev-job-4b3l</link>
      <guid>https://forem.com/lynnecodes/my-first-junior-dev-job-4b3l</guid>
      <description>&lt;p&gt;My journey into the dev world this past year was fantastic. I really got to exercise my brain and learn new concepts. I found enjoyment in solving problems and excitement in working applications. I would have to say that this change was the best decision that I have made in 2020. &lt;/p&gt;

&lt;p&gt;And . . . I was able to land my first junior developer role for Skedit! They have such big plans for the company I can't wait to see it's growth and excited to be a part of this team. &lt;/p&gt;

&lt;h3&gt;
  
  
  Check out my trip!
&lt;/h3&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/Ku7X3BNZDno"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Since I've started, I jumped into Angular and brushed up on my JavaScript skills. I've been working on projects like formatting pages for uniformity and correctly routing links to their proper pages. It's so exciting for me that I've made a little dance when I get something to work. It gets me out of my chair and it's a small reminder to myself to have some fun with it (actually, a plate of nachos would be an awesome reward). Does anyone out there reward themselves too?&lt;/p&gt;

&lt;p&gt;I'm not going to lie, it was very hard to find a junior dev position that didn't require a massive amount of experience. I couldn't have landed this job without my mentor and his fiancé. You have no idea how much it helps to make friends and connections in this community. I was even kindly asking hiring managers to lend some advice on what I could have done better to be considered for the position. This is the perfect example of &lt;em&gt;you get what you give&lt;/em&gt;. Keep hustling!&lt;/p&gt;

&lt;h3&gt;
  
  
  Goodbye 2020
&lt;/h3&gt;

&lt;p&gt;I'm sure that half of you are so happy that 2020 has come to an end and the other half is wishing it didn't have to end. We've all had our personal ups and downs since the start of the COVID-19 pandemic. &lt;/p&gt;

&lt;p&gt;For most of us, we were forced to slow down and appreciate the little moments with our family and friends. We worked from home with screaming children and kitchen tables became our offices. It's so crazy to think that at the start of 2020 we were eating out with friends and visiting our families. Now, we're overthinking the safety of running to the grocery store for a gallon of milk. Traveling out of state for my training was definitely a little terrifying but it turned out to be very successful. &lt;/p&gt;

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

&lt;p&gt;My family and I were lucky enough to be able to adapt to our "new normal" and understand the new environment we were in. The pandemic had us thinking of our future and how we want to live in this world. &lt;/p&gt;

&lt;p&gt;In this past year, my husband worked as a nurse in a hospital in our city and was there to witness the panic and heartbreak first hand. He decided to continue his schooling to become a nurse practitioner to give more back to the community. I worked as a program director at a college and helped in the transition from campus to online courses. I decided that I wanted to develop, create, and build in tech to help in the ease of everyday life.&lt;/p&gt;

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

&lt;p&gt;Our decisions were based on paths we've always wanted to follow but always thought &lt;em&gt;'It's not the right time'&lt;/em&gt; and &lt;em&gt;'Maybe tomorrow'&lt;/em&gt;. 2020 taught us that &lt;strong&gt;TODAY&lt;/strong&gt; is the best time to start our future. &lt;/p&gt;

&lt;p&gt;Happy 2021! &lt;/p&gt;

&lt;p&gt;Until next time,&lt;br&gt;
♥ Lynne&lt;/p&gt;

</description>
      <category>career</category>
      <category>devjournal</category>
    </item>
    <item>
      <title>Portfolio 2.0</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Wed, 02 Dec 2020 18:01:29 +0000</pubDate>
      <link>https://forem.com/lynnecodes/portfolio-2-0-3236</link>
      <guid>https://forem.com/lynnecodes/portfolio-2-0-3236</guid>
      <description>&lt;p&gt;As I handed in applications to companies and read countless job descriptions, I realized that I really want to be a Frontend UX/UI designer. During my UX/UI research, I became more aware that I can get as creative as I want when developing a site, but it won't mean anything if my site confuses my users. So I took some time to tweak my portfolio quite a bit--making sure users are able to find links and information that they're meant to find. &lt;/p&gt;

&lt;p&gt;Here's some knowledge that I've learned along the way.&lt;/p&gt;

&lt;h2&gt;
  
  
  Pretty Doesn't Mean Perfect
&lt;/h2&gt;

&lt;p&gt;When I first created my portfolio, I was just having so much fun with CSS and letting my mind run free. I had so many ideas that I wanted to incorporate. It was definitely going to be a fun experience. &lt;/p&gt;

&lt;p&gt;The idea was to have different rooms containing different elements of my portfolio (home, about me, blog, code cards/projects, and contact). I thought it turned out pretty awesome. People were very nice to mention my creative ability. However, I did receive some suggestions to double check the responsiveness on mobile. No doubt, my portfolio was designed to be viewed on a desktop and in landscape. &lt;/p&gt;

&lt;p&gt;Here's my portfolio viewed on a desktop:&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fodlwifchkhte8d1qx5t1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fodlwifchkhte8d1qx5t1.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And here's my original portfolio viewed on my phone:&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Faaw2p7g0twb9h9efoiek.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Faaw2p7g0twb9h9efoiek.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It did not cross my mind that viewing my portfolio in a portrait mode on a mobile device made my portfolio less engaging and actually harder to figure out what I was trying to do design-wise. This is when I decided that design doesn't matter if users cannot figure it out.&lt;/p&gt;

&lt;h2&gt;
  
  
  Responsive sites matter
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet" rel="noopener noreferrer"&gt;Stat Counter&lt;/a&gt; has a pretty awesome tracker for all different kinds of web statistics--including desktop vs. mobile vs. tablet users.&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;October 2020&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Desktop: 48.88%&lt;/li&gt;
&lt;li&gt;Mobile: 48.62%&lt;/li&gt;
&lt;li&gt;Tablet: 2.5%&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you take a look at the trends (until just recently), desktop usage is more popular than mobile; however, mobile is very close in user comparison. I learned so much from this statistic alone. I have to attack my sites at all angles and all viewpoints. How will it be viewed and if it's accessible and flawless across all playing fields. &lt;/p&gt;

&lt;h2&gt;
  
  
  Keepin' it Simple
&lt;/h2&gt;

&lt;p&gt;As I mentioned, I wanted to do so much with my site. So many ideas and so many intricate details I wanted to add. There were moving clouds and CSS-built images and I even wanted an animated dog to walk about my rooms. My ambition got the best of me and trying to get my site to respond well to smaller dimensions was a nightmare. &lt;/p&gt;

&lt;p&gt;I'm not saying &lt;em&gt;don't&lt;/em&gt; be ambitious when it comes to creativity, but rather understand the quality of the output for your users. My quality was compromised when I couldn't get my site responsive to mobile. Simple can still be creative and beautiful. As I learn more and grow as a designer, I will add more and more details. For right now, I have to walk before I run. &lt;/p&gt;

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

&lt;h2&gt;
  
  
  SocMed is Our Friend
&lt;/h2&gt;

&lt;p&gt;If I've learned anything since the first day I started my web dev journey, is that [the right] social media is your best friend. Two main platforms I spend most of my time on are DEV.to and Twitter. &lt;/p&gt;

&lt;p&gt;When announcing my portfolio's launch on DEV.to and Twitter, I've gotten great positive feedback and also great constructive feedback as well. Without the dev community, I wouldn't know how I can improve. I've gotten suggestions from new to experienced devs. I was even able to get some advice from the perspective from individuals on the hiring side--which was extremely helpful. I didn't know how much good social media can do when used right.&lt;/p&gt;

&lt;h2&gt;
  
  
  Organization is Key
&lt;/h2&gt;

&lt;p&gt;I try to stay organized as much as I can, which really helps me write efficient code. Before I start, I organize my thoughts and then I come up with a game plan so I know where to begin--like creating a hierarchical outline for an essay. Because a &lt;code&gt;div&lt;/code&gt; inside of a &lt;code&gt;div&lt;/code&gt; inside of a &lt;code&gt;div&lt;/code&gt; can get exhaustingly confusing sometimes. Laying out where everything goes first really makes things easier to find and follow.&lt;/p&gt;

&lt;h2&gt;
  
  
  Naming Classes and IDs
&lt;/h2&gt;

&lt;p&gt;When choosing a name for my ID and classes the first time around, I felt like I was running out of words. Then I discovered that there's actually a naming convention for code. There's this thing called &lt;a href="https://en.bem.info/methodology/naming-convention/" rel="noopener noreferrer"&gt;BEM entity&lt;/a&gt; that explains the breakdown of naming classes in an organized and useful manner. I say, this is quite useful and has made things easier for me. &lt;/p&gt;

&lt;h2&gt;
  
  
  Always Room for Improvement
&lt;/h2&gt;

&lt;p&gt;After I decided to re-design my portfolio, I found that I'm getting a lot quicker at figuring out what code goes where. I also learned tons of new coding stuff, that I was able to use to make shorter and better code. I've even thought about a fun project! I can totally make several different designs of my portfolio to learn different design and coding techniques. &lt;/p&gt;

&lt;h2&gt;
  
  
  Wishing for the Best
&lt;/h2&gt;

&lt;p&gt;It's really been an awesome time learning different things and I can't wait until I'm at the point when I get my first job as a web dev and I can look back at all the ups and downs of my journey. &lt;/p&gt;

&lt;p&gt;Best of luck to everyone trying to make it out there!&lt;/p&gt;

&lt;p&gt;♥ Lynne&lt;/p&gt;

</description>
      <category>portfolio</category>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Challenges &amp; Projects</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Tue, 03 Nov 2020 18:55:39 +0000</pubDate>
      <link>https://forem.com/lynnecodes/challenges-projects-1h5m</link>
      <guid>https://forem.com/lynnecodes/challenges-projects-1h5m</guid>
      <description>&lt;p&gt;I'm trying to build up my portfolio. So my days have been filled with challenges and projects. Throughout my journey, I found out that I really like frontend development and there are pretty cool challenges out there to build your skills!&lt;/p&gt;

&lt;p&gt;Currently, I'm working on projects from &lt;a href="https://www.frontendmentor.io/" rel="noopener noreferrer"&gt;Frontend Mentor&lt;/a&gt;. The great thing about this is that I can filter and sort the challenges to work my way from Newbie up to Advanced. &lt;/p&gt;

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

&lt;p&gt;Since I've started &lt;a href="https://www.frontendmentor.io/" rel="noopener noreferrer"&gt;Frontend Mentor&lt;/a&gt; last week, I've completed three challenges and am working on my fourth. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Article Preview Component&lt;/strong&gt;: Getting the modal just right was what was killing me. But there's a sense of accomplishment when it finally works right. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fn7uo5gulkjfz1w8pc0l3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fn7uo5gulkjfz1w8pc0l3.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
See the Codepen: &lt;a href="https://codepen.io/lynnecodes/pen/xxOzKjo" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Single Price Grid Component&lt;/strong&gt;: I was really able to get a good rhythm going with flex boxes and grids with this one. I think this was the easiest to make responsive so far. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftel5qfnmejinh093rsfv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftel5qfnmejinh093rsfv.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
See the Codepen: &lt;a href="https://codepen.io/lynnecodes/pen/VwjdZBv" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Fylo Data Storage Component&lt;/strong&gt;: I just completed this last night and it took me longer than I thought. Going into it, it looked like it was going to be a couple of grid items. Easy-peasy, then bam! Spent all day trying to get the placement right. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fr1mimsqy656wmqs5iyvq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fr1mimsqy656wmqs5iyvq.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
See the Codepen: &lt;a href="https://codepen.io/lynnecodes/pen/ZEORzOx" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Other Challenges
&lt;/h2&gt;

&lt;p&gt;I also want to get really good at Figma and they actually have their own &lt;a href="https://www.figma.com/resources/learn-design/#exercises" rel="noopener noreferrer"&gt;Figma Design Exercises&lt;/a&gt; on their website.&lt;/p&gt;

&lt;p&gt;Then I found this awesome CSS daily challenge called &lt;a href="https://100dayscss.com/" rel="noopener noreferrer"&gt;100 Days CSS Challenge&lt;/a&gt;. Each day has a new challenge to do which is pretty awesome. It's like a surprise everyday. &lt;/p&gt;

&lt;p&gt;And if I want to be a little bit more creative. There is &lt;a href="https://codier.io/" rel="noopener noreferrer"&gt;Codier&lt;/a&gt;. Some of their challenges just have a short brief, then it's up to you to come up with the design completely on your own. &lt;/p&gt;

&lt;h2&gt;
  
  
  More Projects
&lt;/h2&gt;

&lt;p&gt;If there are any other awesome challenges you are doing to up your profile, please share! I'd love to check it out!&lt;/p&gt;

&lt;p&gt;Until next time,&lt;br&gt;
♥ Lynne&lt;/p&gt;

</description>
      <category>challenge</category>
      <category>codenewbie</category>
      <category>womenintech</category>
      <category>design</category>
    </item>
    <item>
      <title>My Online Portfolio</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Tue, 27 Oct 2020 17:40:25 +0000</pubDate>
      <link>https://forem.com/lynnecodes/my-online-portfolio-436m</link>
      <guid>https://forem.com/lynnecodes/my-online-portfolio-436m</guid>
      <description>&lt;p&gt;Guess what?!&lt;/p&gt;

&lt;p&gt;I have been working on my online portfolio for the last couple of weeks and I am so excited to say that it’s ready for you to see! &lt;/p&gt;

&lt;p&gt;Take a look &lt;a href="//lynne.codes"&gt;lynne.codes&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;I have learned so much HTML, CSS, and JavaScript during this process and can’t believe that it was almost three months ago that I left my job as a Pharmacy Program Director to become a Web Developer. &lt;/p&gt;

&lt;p&gt;There were times that I thought it was hard and thought that I would never understand these crazy coding languages. But I don’t regret my decision to take this path. The more I build, the more I understand. &lt;/p&gt;

&lt;p&gt;I am so ready to get out there and start my new career and use my new knowledge to create amazing designs and websites. If there is anyone hiring in the Las Vegas area or remotely, I'd love the opportunity to show you what I can do!&lt;/p&gt;

&lt;p&gt;Never give up! Today’s just another step towards the future you want.&lt;/p&gt;

&lt;p&gt;Until next time,&lt;br&gt;
&amp;lt;3 Lynne&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>New Career Hunt</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Wed, 14 Oct 2020 18:01:10 +0000</pubDate>
      <link>https://forem.com/lynnecodes/new-career-hunt-3agb</link>
      <guid>https://forem.com/lynnecodes/new-career-hunt-3agb</guid>
      <description>&lt;p&gt;I'm terrible! I missed my post last week. The week just slipped right past me! Now, it's already mid-week and I haven't shared anything with you. &lt;/p&gt;

&lt;p&gt;So here's what I've been  up to. &lt;/p&gt;

&lt;p&gt;I'm about two and a half months in my coding journey and starting to look what kind of jobs are out there for me in the Dev world. I want to be realistic but also challenge myself to learn what employers are looking for. &lt;/p&gt;

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

&lt;p&gt;Searching for jobs is extremely daunting especially since I've been in a very different career for the last 10 years. I am pretty sure that Pharmacy Program Director &lt;code&gt;!==&lt;/code&gt; Web Developer in any way. At least I haven't done any dev stuff as a part of my job in the pharmacy. The closest I got to web development was customizing a little HTML in course modules for my students. Now look at me! I'm here learning full on web design and development and I'm really loving it. &lt;/p&gt;

&lt;h3&gt;
  
  
  Where do I start looking?
&lt;/h3&gt;

&lt;p&gt;We have your major job search engines like &lt;a href="//indeed.com"&gt;Indeed&lt;/a&gt;, &lt;a href="//monster.com"&gt;Monster&lt;/a&gt;, and &lt;a href="//glassdoor.com"&gt;Glassdoor&lt;/a&gt;. I think that all of these are great to find something in your area. There are remote jobs that are available in there as well (more so because of the pandemic), but I think that most seeking employers on these sites are local and remote work is temporary. I did found a couple of local dev jobs that could be suitable for my level of experience! Yay!&lt;/p&gt;

&lt;p&gt;My cousin gave me a great website if you're strictly looking for remote jobs called &lt;a href="//remote.io"&gt;Remote OK&lt;/a&gt;. There's also &lt;a href="//remote.co"&gt;Remote.co&lt;/a&gt;. I absolutely love these. I am open to working in an office, but I've grown very fond of working remotely. The opening I did find that stood out to me had already closed a couple days before which is a bummer. &lt;/p&gt;

&lt;h3&gt;
  
  
  My online portfolio.
&lt;/h3&gt;

&lt;p&gt;I have started to build my online portfolio and it's going great. I'm learning a lot and brushing up on a lot of code that I've learned so far. I've also been creating more code cards to go onto my site for reference. It's going to be amazing! I can't wait to share it with you once it's all done.&lt;/p&gt;

&lt;h3&gt;
  
  
  Help a fellow dev!
&lt;/h3&gt;

&lt;p&gt;If anyone knows of employers in the Las Vegas area or remote employers hiring someone who loves design, learning code, and willing to grow--please send them my way! Or if you have any advice, suggestions, or pathways for a beginner dev looking for a job, I would appreciate the help so much. &lt;/p&gt;

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

&lt;p&gt;Well, I'm going to get back at it and I wish the best of luck to everyone looking for new careers in the dev world and to those building their never-ending portfolios!&lt;/p&gt;

&lt;p&gt;Until next time,&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F7vj0g7fqs4d1d444t0da.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F7vj0g7fqs4d1d444t0da.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>beginners</category>
      <category>career</category>
    </item>
    <item>
      <title>Code Cards: Image Change on Hover</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Fri, 02 Oct 2020 14:16:19 +0000</pubDate>
      <link>https://forem.com/lynnecodes/code-cards-image-change-on-hover-54h5</link>
      <guid>https://forem.com/lynnecodes/code-cards-image-change-on-hover-54h5</guid>
      <description>&lt;p&gt;I have some exciting news! &lt;/p&gt;

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

&lt;p&gt;Firstly, I hit over &lt;strong&gt;100 followers&lt;/strong&gt; on dev.to! I want to thank you so much for your support. It means so much to me that there are people out there who believe in my work. It really keeps me motivated. &lt;/p&gt;

&lt;p&gt;Now during this past week, I have been working on putting together something really special and I am so happy to finally share my &lt;strong&gt;Code Cards&lt;/strong&gt; with you! These cards are based on code that I've learned so far. I will be posting them daily via Twitter and will blog about them weekly. Each card will feature code that will vary in difficulty and my goal is to have an entire collection for reference. &lt;/p&gt;

&lt;p&gt;Making these cards really helped me understand code a little better and I hope that it will help someone out there too. I also had a really fun time designing the look of my cards using &lt;a href="https://figma.com" rel="noopener noreferrer"&gt;Figma&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;My first Code Card that I would like to share with you is &lt;strong&gt;Switching Photos on Hover with JavaScript&lt;/strong&gt;.&lt;/p&gt;

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

&lt;p&gt;You can see it in action here: &lt;a href="https://codepen.io/freddilynne/pen/xxVoYKV" rel="noopener noreferrer"&gt;CodePen&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let me know what you think and enjoy!&lt;/p&gt;

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

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

&lt;h6&gt;
  
  
  Pssst . . . Don't forget to follow me on Twitter for daily Code Cards! &lt;a href="https://twitter.com/freddilynne" rel="noopener noreferrer"&gt;@freddilynne&lt;/a&gt;
&lt;/h6&gt;

</description>
      <category>javascript</category>
      <category>codenewbie</category>
      <category>beginners</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>Jumping into Figma</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Mon, 21 Sep 2020 23:28:50 +0000</pubDate>
      <link>https://forem.com/lynnecodes/jumping-into-figma-2058</link>
      <guid>https://forem.com/lynnecodes/jumping-into-figma-2058</guid>
      <description>&lt;p&gt;I feel like I worked a lot of things last week. I continued on some JavaScript projects on &lt;a href="https://javascript30.com/"&gt;#JavaScript30&lt;/a&gt;, dove into React Tutorials on &lt;a href="https://scotch.io/starters/react/getting-started-with-react-2019-edition?ref=home-start-here"&gt;Scotch.io&lt;/a&gt;, and found out about this cool designing tool &lt;a href="https://figma.com/"&gt;Figma&lt;/a&gt; (Thanks @chrisoncode).&lt;/p&gt;

&lt;p&gt;I really wanted to talk about Figma and share how cool it is! The past couple of days, I have been messing with it to build a prototype of a personal website. I figured that I learned best by doing and what better way to do that by building a personal website incorporating everything I learned or am learning. &lt;/p&gt;

&lt;p&gt;Take a look at this!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JxmrfMVw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x2mqb5i2hxb6w374919k.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JxmrfMVw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x2mqb5i2hxb6w374919k.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's super user friendly including layering and grouping which is convenient for editing. It also includes a prototype feature which allows you to link frames using mouse events like &lt;code&gt;onclick&lt;/code&gt; and &lt;code&gt;onmouseover&lt;/code&gt;. &lt;/p&gt;

&lt;p&gt;After I play around with it a little more and figure out my final design, then I can get to building code to make it interactive. Designing is super fun for me. So this is very exciting. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Last Week’s Accomplishments:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Continued with JavaScript projects on &lt;a href="https://javascript30.com/"&gt;#JavaScript30&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Started React Tutorials on &lt;a href="https://scotch.io/starters/react/getting-started-with-react-2019-edition?ref=home-start-here"&gt;Scotch.io&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;Started to frame by personal website using &lt;a href="https://figma.com/"&gt;Figma&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;On My Mind:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What are some cool designing apps you've grown fond of?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Until next time,&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--h4x3_qIH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h4as8ppg0u73on7y8677.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--h4x3_qIH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h4as8ppg0u73on7y8677.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>design</category>
      <category>codenewbie</category>
      <category>beginners</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>Asking for Help for Introverts</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Tue, 15 Sep 2020 17:07:28 +0000</pubDate>
      <link>https://forem.com/lynnecodes/asking-for-help-for-introverts-2bbm</link>
      <guid>https://forem.com/lynnecodes/asking-for-help-for-introverts-2bbm</guid>
      <description>&lt;p&gt;Over the weekend, it was brought to my attention (when asked about my learning progress) that I don't ask many questions or ask for much help. I didn't really know how to respond to that. I'm not even going to downplay it--learning JavaScript is hard for me. It got me thinking, &lt;em&gt;I know have questions. Why don't I just ask?&lt;/em&gt; I believed that if I figured things out on my own, I wouldn't have to ask for help. I have such great support from this community and my family in tech. So I felt that I should figure out what's going on in my brain and do my research of &lt;em&gt;why&lt;/em&gt; I don't ask questions and what I can do to educate myself to make this learning journey better. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zGJs1ddl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bvuc9hm13buzqt0pekj3.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zGJs1ddl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bvuc9hm13buzqt0pekj3.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I had to come to an understanding that I am an introvert. I get stuck in my thoughts way more than I should. So I already know that asking for help is hard. &lt;/p&gt;

&lt;p&gt;I found this great article, "8 Reasons Introverts Might Find it Difficult Asking For Help" by Andy Mort, that explained . . . well, me! Here's his list of the &lt;em&gt;whys&lt;/em&gt;:&lt;/p&gt;

&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;You Tell Yourself that You Have it Easy Compared to Others&lt;/li&gt;
&lt;li&gt;Fear of Rejection&lt;/li&gt;
&lt;li&gt;You’ve Experienced Dependency in Other People&lt;/li&gt;
&lt;li&gt;You Don’t Want to Feel Like You Have Burdened Someone Else&lt;/li&gt;
&lt;li&gt;Reciprocity&lt;/li&gt;
&lt;li&gt;Fear of Losing Control&lt;/li&gt;
&lt;li&gt;A Belief in Self-Reliance&lt;/li&gt;
&lt;li&gt;Overwhelmed by the Potential Energy Drain&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;

&lt;p&gt;After reading this article, I couldn't believe how ALL of these reasons pertained to me and how I felt about asking for help. Different reasons for different problems, but I've experienced every single one of these feelings. Especially while I'm learning JavaScript. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4HBg3lSe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/oozca3f49ok2l2zgntzb.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4HBg3lSe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/oozca3f49ok2l2zgntzb.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I realized that's not a bad thing to ask for help or a burden to ask questions. It was my own fear that prevented me from being courageous and relying on other people for support. I really should be asking my questions when I don't understand something. Asking even saves time!&lt;/p&gt;

&lt;p&gt;For example, I started &lt;a href="https://www.javascript30.com"&gt;#JavaScript30&lt;/a&gt; last week and here's a snippet of my code:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;playSound&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;e&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;audio&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;querySelector&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;audio[data-key="${e.keyCode}"]&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;key&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;querySelector&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;div[data-key="${e.keyCode}"]&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="nx"&gt;audio&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="k"&gt;return&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

    &lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;classList&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;playing&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;audio&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;currentTime&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nx"&gt;audio&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;play&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;It took me more than an hour to figure out why the code wasn't doing what I wanted it to do. This wonderful community of experienced devs could have told me it was something as simple as mistaking an apostrophe for a backtick. I really appreciate feedback and constructive criticism, but I just find it difficult to ask for it. I just have to keep reminding myself, there's no such thing as a stupid question. &lt;/p&gt;

&lt;h4&gt;
  
  
  Last Week's Accomplishments:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Started building JavaScript projects with #JavaScript30&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Check it out:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.andymort.com/hard-asking-for-help/"&gt;"8 Reasons Introverts Might Find it Difficult Asking For Help"&lt;/a&gt; by Andy Mort&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  On My Mind:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Does anyone have learning tips for introverts in this field? How do you put yourselves out there?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Until next time!&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3GUHq6d4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/59exhldxjocxu0sa4bz6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3GUHq6d4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/59exhldxjocxu0sa4bz6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  Vector Images By: &lt;a href="https://www.freepik.com/vectors/people"&gt;People vector created by pch.vector - &lt;/a&gt;&lt;a href="http://www.freepik.com"&gt;www.freepik.com&lt;/a&gt;, &lt;a href="https://www.freepik.com/vectors/abstract"&gt;Abstract vector created by pch.vector - &lt;/a&gt;&lt;a href="http://www.freepik.com"&gt;www.freepik.com&lt;/a&gt;
&lt;/h6&gt;

</description>
      <category>codenewbie</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>My First Step into JavaScript Beginner Projects</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Tue, 08 Sep 2020 23:06:18 +0000</pubDate>
      <link>https://forem.com/lynnecodes/my-first-step-into-javascript-beginner-projects-4167</link>
      <guid>https://forem.com/lynnecodes/my-first-step-into-javascript-beginner-projects-4167</guid>
      <description>&lt;p&gt;Quick question . . . &lt;em&gt;Does anyone dream in JavaScript syntax?&lt;/em&gt; I had a dream that I was inside of my computer, pushing around letters and numbers and trying to organize code. I woke up and the first thing I thought to myself wasn't that it was weird, but questioning if I did it correctly because I woke up before I got to &lt;strong&gt;console.log()&lt;/strong&gt; it. Tell me I'm not the only one dreaming of code. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WKZ8BnCP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4gew07b5opkt9tf3g5m6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WKZ8BnCP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4gew07b5opkt9tf3g5m6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Learning all this stuff on my own is pretty tough. Especially with my kitchen within reach. I really had to discipline myself to not open my pantry door for the billionth time. I had to have a serious talk with myself and ask &lt;em&gt;who needs the attention more? That chip? Or JavaScript?&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;That talk must have pushed me because guess what? I closed the chip bag and I finally finished the JavaScript book I’ve been working on for the past couple of weeks and I feel pretty good! I’m looking forward to building some projects to get some sense of everything I’ve learned. Along with the book, I've been reviewing with &lt;a href="https://getmimo.com/"&gt;Mimo&lt;/a&gt; on the side. If I'm on my phone, I might as well review some JavaScript things. I really like the multiple ways the app reviews JavaScript terms. But I only have the free version. So I actually really take the time to review if my solution is correct because once I lose all my hearts (I only get three), I have to wait a couple of hours until I can play again. &lt;/p&gt;

&lt;p&gt;Today, my first step is to sign up with &lt;a href="https://javascript30.com/"&gt;#JavaScript30&lt;/a&gt;. I don't know why I'm nervous, but I am. Let's get to building! &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PYybg2jN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wk647vmt41guykdtt92v.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PYybg2jN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wk647vmt41guykdtt92v.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Last Week’s Accomplishments:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Finally finished &lt;em&gt;Head First JavaScript Programming A Brain-Friendly Guide&lt;/em&gt; by Eric Freeman &amp;amp; Elisabeth Robson&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;On My Mind:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I need JavaScript projects. What’s a cool project that you’ve done? &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Until next week,&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--h4x3_qIH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h4as8ppg0u73on7y8677.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--h4x3_qIH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h4as8ppg0u73on7y8677.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  Vector Images by: &lt;a href="https://lovepik.com/images/book.html"&gt;Png vectors created by LovePik User(ID:42824061) - lovepik.com&lt;/a&gt;, &lt;a href="https://lovepik.com/images/cartoon.html"&gt;Png vectors created by LovePik User(ID:23579800) - lovepik.com&lt;/a&gt;
&lt;/h6&gt;

</description>
      <category>javascript</category>
      <category>codenewbie</category>
      <category>beginners</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>Exploring Feedback for Better Understanding</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Tue, 01 Sep 2020 03:33:46 +0000</pubDate>
      <link>https://forem.com/lynnecodes/exploring-feedback-for-better-understanding-2nhd</link>
      <guid>https://forem.com/lynnecodes/exploring-feedback-for-better-understanding-2nhd</guid>
      <description>&lt;p&gt;As I plan this week's activities, I realized that today (not last week) marks Week 4 of my dev journey. I think I got ahead of myself and felt like I was learning code longer than I actually was. But anyways, &lt;em&gt;yay me!&lt;/em&gt; It's definitely a milestone to be 4 weeks in. So here's a picture to celebrate my hard work, my motivation, and my #1 supporters. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9z-vOUql--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/10sgwy86w3mhdhl6bo7d.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9z-vOUql--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/10sgwy86w3mhdhl6bo7d.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Feedback is a wonderful thing and last week I received great feedback to explore further on my blog, &lt;a href="https://dev.to/freddilynne/finally-understanding-javascript-50hb"&gt;"Finally Understanding JavaScript."&lt;/a&gt; Thank you to everyone who has been so kind and supportive. All your suggestions definitely kept me busy!&lt;/p&gt;

&lt;p&gt;&lt;a class="comment-mentioned-user" href="https://dev.to/aissshah"&gt;@aissshah&lt;/a&gt;
 introduced me to codewars to help sharpen coding skills by use of puzzles, which is really cool. You can't even sign up until you can prove your skills to play! @praveen52128991 was kind enough to share their blog, "Learn JavaScript Fundamentals." It was very easy to follow and broke down code examples with useful comments. @chrisoncode tweeted back some fun JavaScript projects with #JavaScript30. &lt;/p&gt;

&lt;p&gt;&lt;a class="comment-mentioned-user" href="https://dev.to/patricktingen"&gt;@patricktingen&lt;/a&gt;
 and &lt;a class="comment-mentioned-user" href="https://dev.to/ericgeek"&gt;@ericgeek&lt;/a&gt;
 even showed me different ways to write the Happy Birthday code I blogged about. This was great! I'm still learning and it was a awesome to know there are shortcuts to make things easier. Seeing the code in a different way, made me understand it better. Now each time I'm learning something new, I try to think how can I use other knowledge to make it better/easier. I'm constantly thinking to myself, &lt;em&gt;how many ways can I come up with to write one code?&lt;/em&gt; It's still mind-blowing to me! &lt;/p&gt;

&lt;p&gt;Here's to getting through another week of JavaScript!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Last Week's Accomplishments:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Continued reading and doing activities from &lt;em&gt;Head First JavaScript Programming A Brain-Friendly Guide&lt;/em&gt; by Eric Freeman &amp;amp; Elisabeth Robson&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Check it out:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.codewars.com/"&gt;codewars&lt;/a&gt; by Qualified&lt;/li&gt;
&lt;li&gt;
&lt;em&gt;&lt;a href="https://www.polytechnica.me/2020/08/fundamentals-of-javascript.html"&gt;"Learn JavaScript Fundamentals."&lt;/a&gt;&lt;/em&gt; by Praveen&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://javascript30.com/"&gt;#JavaScript30&lt;/a&gt; by Wes Bos&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;On My Mind:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I'd love to see more projects that you've done with JavaScript to build your portfolio. Any cool suggestions?&lt;/li&gt;
&lt;li&gt;What's the best suggestion, feedback, or advice you have ever received?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Until next week!&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3GUHq6d4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/59exhldxjocxu0sa4bz6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3GUHq6d4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/59exhldxjocxu0sa4bz6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>codenewbie</category>
      <category>javascript</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>Finally Understanding JavaScript</title>
      <dc:creator>Lynne</dc:creator>
      <pubDate>Mon, 24 Aug 2020 19:01:20 +0000</pubDate>
      <link>https://forem.com/lynnecodes/finally-understanding-javascript-50hb</link>
      <guid>https://forem.com/lynnecodes/finally-understanding-javascript-50hb</guid>
      <description>&lt;p&gt;I can't tell you enough, how much I am starting to get JavaScript after four weeks of tutorials, reading, challenges, and games! This really was a learning experience for me. I had to figure out how my brain wanted information presented for it to stay put. &lt;/p&gt;

&lt;p&gt;I got so excited when I finally understood how loops work with the help of &lt;em&gt;Head First JavaScript Programming A Brain-Friendly Guide&lt;/em&gt; by Eric Freeman &amp;amp; Elisabeth Robson. If you are having trouble diving into Javascript (like I did), I highly recommend this book if you are a visual learner. There were pictures and arrows and browser examples. I never had been so excited to read a book and try out the exercises!&lt;/p&gt;

&lt;p&gt;I even learned how to code Happy Birthday!&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;name&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Joe&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;i&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;while&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;i&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;write&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Happy Birthday to you.&amp;lt;br&amp;gt;);
  i = i + 1;
}

document.write(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="nx"&gt;Happy&lt;/span&gt; &lt;span class="nx"&gt;Birthday&lt;/span&gt; &lt;span class="nx"&gt;dear&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; + name + &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/br&amp;gt;"&lt;/span&gt;&lt;span class="se"&gt;)&lt;/span&gt;&lt;span class="err"&gt;;
&lt;/span&gt;&lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;write&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Happy Birthday to you. &amp;lt;/br&amp;gt;;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I also learned what pseudocode is, which was very helpful to understand the outline of what's going on before you even insert the JavaScript code. It reminds me of the fifth grade when we would brainstorm our short stories--figuring out the beginning, what will happen in the middle, and how we get to the end. I don't know why I didn't think of writing out the logic first! It makes so much sense to visually see what codes are appropriate for each action. &lt;/p&gt;

&lt;p&gt;My mind is blown. Functions, arguments, parameters, global and local variables . . . I'm quite enjoying JavaScript!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Last Week's Accomplishments:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Attacking JavaScript at a different angle&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Check it out:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Books I've Started:

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Head First JavaScript Programming A Brain-Friendly Guide&lt;/em&gt; by Eric Freeman &amp;amp; Elisabeth Robson&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;On My Mind:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Who out there is a visual learner? Do you have any tips for making learning code fun? Or understandable?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Until next week!&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3GUHq6d4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/59exhldxjocxu0sa4bz6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3GUHq6d4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/59exhldxjocxu0sa4bz6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>books</category>
    </item>
  </channel>
</rss>
