Category Archives: Personal Log

My collection of notes intersecting both my professional and personal pursuits.

Review of Pro JavaScript Techniques

TLDR – #quarantineandchill gave me the opportunity to read a JavaScript book from 2006 by jQuery creator, John Resig. What could possibly be relevant? Parts 3-5: Unobtrusive JavaScript, Ajax and The Future of JavaScript.


Introduction

Books. How many of us have them? I for one have several but just because I own a collection doesn’t mean I’ve read them all. I’m trying to improve on that habit and in doing so, I recently discovered a purchase which I had not touched at all. 

What adds to the problem is that this is a tech book and for those of you who’ve touched on this type of literature, you know that it can be a very dry read.

That said, this book was and is for the most part still an important one to highlight. For all the web development addicts out there, this contribution is from John Resig, the creator of jQuery. His book, Pro JavaScript Techniques is almost 350 pages of content breaking down JavaScript implementations for commonplace interactions. Here’s the kicker – this book has a copyright of 2006 but there is a 2015 second edition.

Summary

Ironically, I could very well say that all chapters are important but that defeats the purpose. However, when tying in the lessons to modern day problems, three specific parts are very much everlasting:

PART 3 Unobtrusive JavaScript

Chapter 5: The Document Object Model

Take a tour of the HTML you use routinely through the perspective of the DOM. Here, you’ll take a glimpse of what the makeup of an HTML element looks like from JavaScript’s point of view, what you can do with it, how you can access it (by selector, XPath, etc.) and its surrounding parts like text, siblings and attributes.

Chapter 6: Events

Go head first into the crucial aspects of event bubbling, capturing and canceling. This deep dive will teach you how to tie user-driven behavior to an HTML element of your choice (e.g. clicking a button tag) and how that event is managed should more HTML be encapsulating that element. You’ll also learn ways on overwriting default web browser behavior (e.g. clicking an anchor tag – you may not want it heading into another page).

Chapter 7: JavaScript and CSS

Use plain ol’ vanilla JavaScript to access an element’s current style properties or create them on the fly, determine the x and y position of any element you reference, toggle visibility, animations, examine the viewport and play around with scrolling behaviors.

But the drag and drop section referenced some older technologies like script.aculo.us and moo.fx. I’d say it’s worth the read if you want to simply review on how code was organized. On the basis of that alone, it’s pretty clean (see Module Pattern by Addy Osmani).

Chapter 8: Improving Forms

In my opinion, this section alone is the BIGGEST win. Learn form validation in an exceptionally straightforward way. The markup alone is crystal clear and when you add John’s opinion on layering in validations for required fields, pattern matching and displaying error messages, it creates for a fairly strong HTML form for everyday use. I’d recommend you visit the codebase for more details.

PART 4 Ajax

Chapter 10: Introduction to Ajax

While deceptively simple, the concept of Ajax web applications is a powerful one.

Chapter 10: Introduction to Ajax (p. 232)

John provides a rundown of the full Ajax process and what’s involved with the HTTP request and response. He also provides insight on error handling and the types of data that gets passed back and forth between client and server. If you’re a server-side developer that makes APIs for a living, you would appreciate this chapter.

PART 5 The Future of JavaScript

Chapter 14: Where is JavaScript Going?

If you believe hindsight is 20/20 then give this chapter a go. Let expectations meet reality and observe what really did take place like Array Extras (p. 289-90) and Let Scoping (p. 290). Gloss over on what could have been by way of Comet (p. 301-03).

Conclusion

So, why did I bother with such an old book? A lot of us have John Resig to thank for not pulling our hair out when dealing with Internet Explorer. For those of you entering the field now, this comment holds zero weight but for those of us who developed sites and apps which pre-date the original iPhone and Google Chrome, know how much of a pain it was to equalize the playing field in what was then an IE6 marketplace. This book offered options on how to address the browser ecosystems of that time.

If taking this writeup at face value, you’ll want to ensure you are at minimum, a solid beginner at web development. Understand your HTML and CSS first, then you can begin to ponder why you’d need JavaScript in the first place. Rightfully so, this book (and I assume its 2015 follow-up) fits the bill for beginners and intermediates. If you feel you are far past this level, this book is not for you.

But for me personally, it was worth the time to at least leaf through these pages once before I set it back on the shelf. Some comments still hold true to this day (especially PARTS 3 and 4) and that’s ultimately what drove me to come full circle with the book as JavaScript sets foot into the next decade.


This post may contain affiliate links. Should you make a purchase by clicking on any of the links, I may earn a commission at no extra cost to you. Read my full affiliate disclosure here.

Teaching SQL to My Wife

Foreword

It’s the night before Thanksgiving. I have a laptop, a mic and an itch to talk to my wife about tech and not turkey. Aloha.

Introduction

What’s up everyone and welcome to season 3 series finale of allWebSD. It took a while to get to this episode, so I must apologize in advance. It looks like 5-6 episodes is what I can define as a season at this point for the show and I’m looking to regroup next year with Season 4. That said, let’s get to the topic on hand.

Tonight I’m joined by my wife Kyung Mi, Senior Data Administrator for San Diego based ResMed. And like many of us in 2020, she’s had to juggle a lot of moving parts. And somewhere along the way, aspiring to learn SQL has become part of her performance. 

Yes, you heard that right. SQL aka Structured Query Language. For me, the non-traditionalist, I say Sequel.

“…it never ends…like I feel like I don’t have a stop point where I can actually pull back from my day to day job to learn something new”

– My wife (when I asked what’s making it hard at the moment to pick up a new thing to learn)

Highlighted Topics

  1. Senior Data Administrator (Finance/Sales) – What is your role at ResMed?
  2. What is data in a nutshell for your line of work?
  3. What was the justification in learning SQL for you and your team?
  4. What is making it hard at the moment to pick up a new thing to learn?
  5. What book did we choose to learn SQL.

Oops, My Bad

Something I just realized is that I referenced the wrong book. I should have just suggested the original Sams Teach Yourself SQL in 10 Minutes but I pointed you in the direction of a more specific 10 minute book in, Sams Teach Yourself Microsoft SQL Server T-SQL.

My Suggestions

  • You need a tour of all the data. You need to know where the data lives in these specific repositories.
  • Make a long list (or a short list) about what the FAQs are when it comes to your business.

Conclusion

Thank you for listening. Stay tuned. Keep up to date. Wish us a lot of luck. It is the blind leading the blind and it’s going to be fun. And we’re just gonna leave it at that. So please give it a like, subscribe, a follow—allWebSD.com. Visit me on marklreyes.com. Check it out on all your professional networks, namely LinkedIn.

We’ll see you next time. And let’s hope we don’t delete any data. Uh oh. 😳


PS: I kept saying series finale. I should’ve kept saying season finale. See you in 2021!

PPS: Drop a comment, leave a line and tell us what’s going on. What ways, shapes or forms do you find to be most effective to learn a topic like this, especially from the ground up?


This post may contain affiliate links. Should you make a purchase by clicking on any of the links, I may earn a commission at no extra cost to you. Read my full affiliate disclosure here.

Review of Soft Skills

Introduction

Coding is hard. And if you aren’t careful, it’ll suck you down a rabbit hole costing you the chance to be mindful of everything else. And that’s where this book comes into play.

Soft Skills: The software developer’s life manual by John Sonmez, is a book which helped me understand that there’s more to this career path than creating object oriented code or deploying things into a cloud.

Here’s my summary and why I think you should add this to your developer book shelf.

Summary

The book is broken down into 7 thoughtful sections including: “Career”, “Marketing Yourself”, “Learning”, “Productivity”, “Financial”, “Fitness” and “Spirit”.

Sections are divided into chapters, with each chapter offering advice in short order and action items to do at the end. Think of this as a tiny list for you to digest. Use it as a way to take stock to then apply to your situation.

What’s Important

At 400ish pages in length, here’s what you’ll want to focus on first.

Career

People skills: You need them more than you think – a 5 page pep talk on informing you that it’s not all about code. John channels his inner Dale Carnegie to give advice on the ineffectiveness of criticizing other people, the value in avoiding arguments and more.

Marketing Yourself

Marketing basics for code monkeys – this headfirst explanation is written for the developer to understand the value of marketing oneself and options on how to do so.

Learning

Finding gaps in your knowledge – take inventory of where your knowledge gaps are with this series of written exercises challenging you to write down your questions and hardships with an intention to revisit them down the line.

Productivity

Pomodoro Technique – a timing exercise applicable to your daily work life. Although I don’t prescribe to the timer down to the exact second, I still leverage some form of this pattern throughout my day. It’s a nice flow of focus and rest that I strongly recommend you explore.

Financial

What are you going to do with your paycheck? – John paints a broad brush on finances, consistent in his opinions like other financial experts. Stop thinking short term and distinguishing between an asset and a liability are my personal favorites.

Fitness

Why you need to hack your health – a commitment to your health. Need I say more?

Spirit

Having the right mental attitude: Rebooting – this chapter molds itself as a personal reflection you must take when it comes to your thoughts. Essentially, techniques are given on how to take an x-ray of your thoughts and what to do with them next.

Conclusion

Enjoy the read. Don’t barrel through it. Read it in order. Jump around. It doesn’t matter.

John’s tone is very empathic. His narrative offers a sense of calm throughout and the format is set up for readers to consume advice in digestible pieces. If you choose to be in the software development career for the long haul, buy this book and never let it go.



This post may contain affiliate links. Should you make a purchase by clicking on any of the links, I may earn a commission at no extra cost to you. Read my full affiliate disclosure here.