• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar

Lupe Camacho

Make. Write. Repeat.

  • About
  • Blog
  • DIY
    • Essential Oils
    • Sewing Clothes
  • Coding
    • Web Design
    • Web Development
      • The Odin Project
      • Free Code Camp
  • Digital Marketing

Web Development

The Best Free React Course for Beginners

January 27, 2019 By lupe Leave a Comment

React has on my to-learn list for what seems like ages. I’ve tried diving in numerous times over the last few years, but either the time wasn’t right or I couldn’t find the right course or project to work through. Some courses were too hands-on, while others were too hands-off and quickly led to frustration.

So I just sat with my skill set and waited to find the motivation to jump back in.

However, with work projects on the horizon that will most likely be built using React, I decided it was high time to jump on the framework bandwagon.

Now, you all know I’m obsessed with free online courses. 🏫 Sites like Udacity, edX, and Coursera make learning new skills accessible to anyone with an internet connection.

I always hit up these sites first when I want to learn something. As a novice, I do my best learning when I’m following a solid, foundational plan. Otherwise, I’m likely to:

  • Become engulfed in a maze of documentation trying to figure out how to prep my development environment for said new technology
  • Experience full-on analysis paralysis when deciding on what to build

So when I finally landed on this course, I knew I had to spread the good news. 🎈 I haven’t completed the course yet, but the instructor is awesome and the project you’ll be working through is a great example of how you might use React in the “real world.” 🌎

Course Overview

Front-End Web Development with React is taught by Jogesh K. Muppala, an associate professor at the Hong Kong University of Science and Technology.

There are 4 parts to this course:

  1. Introduction to React
  2. React Router and Single Page Applications
  3. React Forms, Flow Architecture, and Introduction to Redux
  4. More Redux and Client-Server Communication

While this course is the second part of a 4-course Full-Stack Web Development with React specialization, it’s a great entry point even if you haven’t taken the first course, Front-End Web UI Frameworks and Tools: Bootstrap 4. As long as you understand grid systems and feel like comfortable learning Bootstrap 4 on the fly, feel free to dive right in.

But is it free?

I also want to clarify something about Coursera courses. While you can pay for certificates of completion, you can take any of their courses for free by auditing them.

The Audit option can be easy to miss. If you click on the ‘Enroll’ button for a class, a window pops up that prompts you to start a free trial. Ignore that gigantic call-to-action, and click the ‘Audit the course’ link at the bottom instead.

Screenshot of the enroll popup with an arrow pointing to the 'Audit this course' link

Course Projects

The course is based around building a single page React app for a restaurant called Ristorante con Fusion. Your app will feature restaurant information, an interactive menu that displays details and customer comments for the user-selected dish, and a form (with validation) that enables users to submit their comments.

Screenshot of the 'About Us' page from the Ristorante con Fusion app you'll be building

A lot of times, getting set up is one of the hardest parts of the development process. Where this course really shines is in its ability to simplify the process of setting up your development environment. You’ll get a handle on everything from setting up Node.js and NPM to using Yarn Package Manager to install dependencies.

Muppala also shows you how to install the Reactstrap component library, which you’ll be using to flesh out your app components. Because you’re using Bootstrap 4, you can really focus in on learning the React without having to take the time to mess with CSS and general beautification of your app. (CSS is my jam 💖, but my brain can only handle one thing at a time!)

Course Improvements

I think a lot of courses leave a lot to be desired in terms of teaching web developers to comply with accessibility guidelines. This is one of them.

I’m currently building out the interactive menu as instructed, and it lacks many accessibility considerations. For starters, the clickable dish cards aren’t accessible to keyboard users. Also, aria-live attributes are lacking so screen reader users aren’t alerted when dish information and comments are printed to the screen.

So if you’re looking for the holy grail of courses that incorporates all the best practices (wait — do those exist?), this seems to be lacking some essential info about making your app a11y-friendly.

However, if you’re looking for a deep dive on React and are willing to learn how to incorporate accessibility into your app on your own time, give the course a shot!

 

Front-End Web Development with React

Filed Under: Coding, Web Development

A Note To Beginners: Your Discomfort Means You’re On The Right Path

September 21, 2018 By lupe Leave a Comment

You’re wondering if you’re smart enough — talented enough — to make this career change into web development. You try hard for a week and then your motivation finally takes a nosedive when you can’t get your code to work.

You can’t wait until you’re confident in your skills and feel equipped to tackle any problem.

Let me tell you something.

It will never feel like that.

Part of the job is learning to be OK with feeling ill-equipped, underprepared, and like you’re just barely scraping by. It’s called impostor syndrome, and we all have it.

In this field, there’s so much to remember and things are amorphous and ever-changing, and The Right Way™ is up to interpretation.

You’ll grow the most when you’re wedged in that uncomfortable spot where ‘what you know’ juts right up against ‘what you don’t know.’

So don’t stick with what’s comfortable.

Don’t avoid a certain popular technology because, in your opinion, it’s a nightmare to work with.

That probably means you haven’t worked with it enough. You haven’t gotten to know it well enough to appreciate its quirks, nuances, and special powers.

(Hey you!Yeah you! I know you want to just give up on understanding CSS! And that vanilla Javascript scares the bejeezus out of you. Keep on trying.)

Never stop learning, and you’ll never stop exceeding your own self-imposed limitations.

Filed Under: Coding, Free Code Camp, The Odin Project, Web Development

8 Awesome Articles from Around the Web || Link Roundup Week 3

January 10, 2018 By lupe Leave a Comment

Web Development

CSS Utility Classes and “Separation of Concerns”

Software developer Adam Wathan walks us through several ways of approaching CSS, pushing for a more functional, “Don’t Repeat Yourself” (DRY) approach. This article will blow your mind and get you inspired to start cleaning up your CSS.

Top 10 Student Favorite Tech Podcasts

My personal favorite is the CodeNewbie podcast. What’s yours?

Why striving for perfection might be holding you back as a newbie web developer

“There are bigger and better things for you to be learning and working on than tweaking the padding on your (Free Code Camp) tribute page.” Um…can relate. This is a good reminder for anyone who’s experiencing portfolio-project-tunnel-vision.

[Read more…] about 8 Awesome Articles from Around the Web || Link Roundup Week 3

Filed Under: Coding, Digital Marketing, Web Development

My First Web Dev Job: 3 Months In

January 10, 2018 By lupe Leave a Comment

Hey all! I know it’s been a long time since I’ve updated. The last few months have been a whirlwind of trying to balance a challenging day job with a long commute, cramming tutorials during the evening, and working on achieving the ever-elusive work-life balance everyone’s always talking about.

So here’s an update on some things I’ve learned along the way.

Working for a small company is a great way to learn ALL THE THINGS.

I started my front end web developer job October 15, thinking I would be doing primarily design and working with HTML, CSS, and JavaScript.

Um, reality check! As the main web developer in a small company, I’ve had to:

  • Dive headfirst into reading and writing PHP and mySQL to try and achieve better site functionality on the Brilliant Directories platform — *cough cough* a platform with very, very little documentation and a business model that tries to leave you so in the dark about their code that you’ll hire one of their own developers to get the job done
  • Grapple with UI mockups in Balsamiq and Photoshop, and iterate many, many times through proposed site designs
  • Have a chance to rebuild one of the FreeCodeCamp projects (bigger and better, and with multiple APIs) for my company’s upcoming site launch
  • Really put my problem-solving skills to use in coming up with general solutions and troubleshooting
  • And overall, be the expert — or even the person who knows just enough to know where to look

For a web developer, working for a small company can be an awesome way to start on your career path.

[Read more…] about My First Web Dev Job: 3 Months In

Filed Under: Coding, Web Design, Web Development

FreeCodeCamp Progress: Wikipedia Viewer and Twitch Viewer

September 5, 2017 By lupe 4 Comments

Wrapping Up the Wikipedia Viewer Project

It took me a while to return to my Wikipedia Viewer project after writing the blog post about troubleshooting the Wikipedia API. But I finally hunkered down and finished it up.

I posted my project to several online forums and received feedback on how to improve my code. A few things that were brought to my attention:

  • Accessibility: I’d created some accessibility issues when I removed the focus styling from my input, button, and link elements.
  • Semantics: I was nesting paragraph tags within <a> tags unnecessarily, when a simple <a> tag would have sufficed.

Here’s a look at how I improved my tabbed navigation experience:

GIF showing focus styling on search input and search button, as well as mouseover effect on button

[Read more…] about FreeCodeCamp Progress: Wikipedia Viewer and Twitch Viewer

Filed Under: Free Code Camp, Web Development

9 Awesome Articles from Around the Web || Week 2

August 28, 2017 By lupe Leave a Comment

The last month been amazing. I started a new part-time marketing and (donor) development position with a tech-related, local nonprofit.

Apart from leaving me more time to spend with my family and pursuing hobbies, I’m finally able to apply the many skills I’ve learned over the last year of selling on Amazon, doing marketing for friends and family, and just plain geeking out on content creation.

I’m excited to go to into the office once my short work week rolls around. There’s also a lot of creative freedom and autonomy — things I’m starting to view as non-negotiables in my winding path toward reinventing my relationship with work.

Now on to the links. Here are some articles that have really resonated with me recently. Enjoy!

Technology

Machines Taught By Photos Learn a Sexist View of Women

“The researchers devised a way to neutralize this amplification phenomenon—effectively forcing learning software to reflect its training data. But it requires a researcher to be looking for bias in the first place, and to specify what he or she wants to correct. And the corrected software still reflects the gender biases baked into the original data.”

Before Hurricane Harvey, wireless carriers lobbied against upgrades to a national emergency alert system

“For years, the Federal Communications Commission has endeavored to upgrade the sort of short text-based messages — often accompanied by a loud alarm — that authorities have used since 2012 to warn Americans about rising floods, abducted children and violent criminals at large. But efforts to bring those alerts into the digital age — requiring, for example, that they include multimedia and foreign-language support — have been met with skepticism or opposition from the likes of AT&T, Sprint, Verizon and T-Mobile, and even some device makers, too.”

How Machines Learn: A Practical Guide

Over 50 resources and tips on understanding machine learning.

[Read more…] about 9 Awesome Articles from Around the Web || Week 2

Filed Under: Digital Marketing, Web Development

  • Page 1
  • Page 2
  • Next Page »

Primary Sidebar

About

I’m a web developer at an awesome web design agency in PDX. I’m passionate about learning, playing, tinkering, and blogging about everything from coding to DIY experimentations. Read More

Recent Posts

  • Mimi G Men’s Fitted Shirt Sew-Along: Part 2
  • Mimi G Men’s Fitted Shirt: Part 1 (Beginner Sewing Adventures)
  • The Best Free React Course for Beginners
  • A Note To Beginners: Your Discomfort Means You’re On The Right Path
  • Taking A Cue From Perfumers: Pre-Diluting Essential Oils For Blending Fragrances

Amazon Associates Disclosure

Lupe Camacho is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

Patched together with and plenty of

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok