Hey guys and welcome to the newest episode of AllWebSD. Where I put my city’s digital savants on the forefront, talk tech and find the proper moments of rest before burnout becomes a reality.
Hmmm…
My city’s digital savants. Let’s go there.
Today I’m hungry. And I’m hungry to be once again inspired…by YOU. Specifically, the you that right now in this very moment decided to undertake such an arduous specialization inside of software development. Recent graduates, career pivots and the like, this round of dialogue is dedicated to you.
Let’s talk. Let’s break bread. Let’s train.
In my Jiu Jitsu school my Professor would call this an Open Mat. So let’s take this opportunity to be just that. A moment of time where we train together and pick each other’s brains on why we made this choice. Where we were, where we are and where we’d like to go with the decision already made.
You’ve gone all-in trusting your instincts and inner wisdom to be on this path and I’d like to be part of that journey, even if for a few short minutes. We can go here, we can go there and we can talk about any uncertainty you have along the way.
Now…are you hesitant and a bit camera shy? That’s okay. It’s audio only. I’m opening the mat for up to 5 spots, first come, first served.
On a final note, I’d like you to take this chance and view it from a different perspective. A time capsule-like approach or a message in a bottle, if you will. A note you can look back on fondly down the line as a way to really gain some insight about yourself direct from no-one else…but YOU.
Be easy, take care and I’ll talk to you again in the new year.
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 Techniquesis 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:
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.
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).
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).
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.
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.
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 article appeared on ISSUE 517 of JavaScript Weekly. I’ve found Cooper Press to be a great resource in sending out weekly emails pertinent to all aspects of web technology. If you haven’t yet, subscribe to them for FREE!
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.
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
Senior Data Administrator (Finance/Sales) – What is your role at ResMed?
What is data in a nutshell for your line of work?
What was the justification in learning SQL for you and your team?
What is making it hard at the moment to pick up a new thing to learn?
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.
RECENT POSTS: AllWebSD Season 09 featuring San Diego Futures Foundation! Listen Now
