Learning React 2nd Edition – Kirupa Chinnathambi

Amazon (Addison-Wesley Professional)

Not an affiliate of Amazon.

Meet the Spread Operator

1. Introducing React
Date Started Description Date Completed
06/22/2024 @ 18:51 Old-School Multipage Design
New-School Single-Page Apps
Meet React
Conclusion 06/22/2024 @ 21:51
2. Building Your First React App
Date Started Description Date Completed
06/24/2024 @ 08:58 Dealing with JSX
Getting Your React On
Displaying Your Name
It’s All Still familiar
Conclusion 06/24/2024 @ 12:02
3. Components in React
Date Started Description Date Completed
06/24/2024 @ 12:14 Quick Review of Functions
Changing How We Deal with UI
Meet the React Component
Dealing with Children
Conclusion 06/26/2024 @ 14:27
4. Styling in React
Date Started Description Date Completed
Displaying Some Vowels
Styling React Content Using CSS
Styling Content the React Way
Conclusion
5. Creating Complex Components
Date Started Description Date Completed
From Visuals to components
Creating the Component
The Square Component
The Label Component
Why Component Composability Rocks
Conclusion
6. Transferring Properties
Date Started Description Date Completed
Problem Overview
Detailed Look at the Problem
A Better Way to transfer Properties
Conclusion
7. Meet JSX…Again!
Date Started Description Date Completed
What Happens with JSX?
JSX Quirks to Remember
Capitalization, HTML Elements, and Components
Your JSX Can Be Anywhere
Conclusion
8. Dealing with State in React
Date Started Description Date Completed
Using state
Getting Our Counter On
Optional: The Full code
Conclusion
9. Going from Data to UI in React
Date Started Description Date Completed
The Example
Your JSX Can Be Anywhere, Part II
Dealing with Arrays
Conclusion
10. Events in React
Date Started Description Date Completed
Listening and Reacting to Events
Making the Button Click Do something
Event Properties
More Eventing Shenanigans
React…Why?Why?
Conclusion
11. The Component Lifecycle
Date Started Description Date Completed
Conclusion
12. Accessing DOM Elements in React
Date Started Description Date Completed
The Colorizer Example
Meet Refs
Using Portals
Conclusion
13. Setting Up Your React Dev Environment Easily
Date Started Description Date Completed
Meet Create React
Creating Our HellowWorld App
Creating a Production Build
Conclusion
14. Working with External Data in React
Date Started Description Date Completed
web Request 101
It’s React Time
Getting the IP Address
Conclusion
15. Building an Awesome Todo List App in React
Date Started Description Date Completed
Getting Started
Creating the Initial UI
Building the Rest of the App
Displaying the Items
Animation! Animation! Animation!
Conclusion
16. Creating a Sliding Menu in React
Date Started Description Date Completed
How the Sliding Menu Works
setting Up the Sliding Menu
Getting Started
Showing and Hiding the Menu
Conclusion
17. Avoiding Unnecessary Renders in React
Date Started Description Date Completed
About the render Method
Optimizing render Calls
Seeing the render Calls
Conclusion
18. Creating a Single-Page App in React Using React Router
Date Started Description Date Completed
The Example
Getting Started
Building Our Single-Page App
It’s the Little Things
Conclusion
19. Introduction to Redux
Date Started Description Date Completed
What is Redux
Building a Simple App Using Redux
Conclusion
20. Using Redux with React
Date Started Description Date Completed
managing React State with Redux
Conclusion

#Book, #React

*Notes – Chapter 2 took longer than expected, as the in the example was not rendering, to find out ReactDom and ReactDOM is not equivalent. I knew the case sensitive part, but just missed the two letters (om/OM) not being the same. I am using Visual Studio Code (VS Code) and I did an autocompleted, and VS Code used ReactDom. 🙁 Took about forty-five minutes to see the difference after troubleshooting and reading articles why my ReactDom.render was not working.

Python – Skills for All

Python

Skills for All

PE1: Module 1: Introduction to Python and Computer Programming
Date Started Description Date Completed
1.0 Welcome to Python Essentials 1 (4)
1.1 Section 1 – Introduction to Programming (7)
1.2 Section 2 – Introduction to Python (9)
1.3 Section 3 – Downloading and Installing Python (5)
1.4 Module 1 Completion – Module Test
PE1: Module 2: Python Data Types, Variables, Operators, and Basic I/o Operations
Date Started Description Date Completed
2.1 Section 1 – The “Hello, World!” Program (15)
2.2 Section 2 – Python literals (8)
2.3 Section 3 – Operators – data manipulation tools (5)
2.4 Section 4 – Variables (12)
2.5 Section 5 – Comments (5)
2.6 Section 6 – Interaction with the user (13)
2.7 Module 2 – Completion – MODULE TEST
PE1: Module 3: Boolean Values, Conditional Execution, Loops, Lists and List Processing, Logical and Bitwise Operations
Date Started Description Date Completed
3.1 Section 1 – Making decisions in Python (14)
3.2 Section 2 – Loops in Python (17)
3.3 Section 3 – Logic and bit operations in Python (8)
3.4 Section 4 – Lists (13)
3.5 Section 5 – Sorting simple lists: the bubble sort algorithm (5)
3.6 Section 6 – Operations on lists (8)
3.7 Section 7 – Lists in advanced applications (4)
3.8 Module 3 Completion -Module Test
PE1: Module 4: Functions, Tuples, Dictionaries, Exceptions, and Data Processing
Date Started Description Date Completed
4.1 Section 1 – Functions (7)
4.2 Section 2 – How functions communicate with their environment (7)
4.3 Section 3 – Returning a result from a function (10)
4.4 Section 4 – Scopes in Python 57)
4.5 Section 5 – Creating multi-parameter functions (7)
4.6 Section 6 – Tuples and dictionaries (7)
4.7 Section 7 – Exceptions (15)
4.8 Module 4 Completion – Module Test
Python Essentials 1 (PE1): Course Final Exam
Date Started Description Date Completed
Final Project
Final Test
End of Course Survey
PCEP – Certified Entry-Level Python Programmer Certification Exam
Date Started Description Date Completed
PCEP – Certified Entry-Level Python Programmer Certification Exam (5)

#Certification

JavaScript – Skills for All

Skills for All

6.2 Section 3 – Code Debugging and Troubleshooting (13)

JSE: Module 1: Introduction to JavaScript and Computer Programming
Date Started Description Date Completed
1.0 Welcome to JavaScript Essentials 1 (6)
1.1 Section 1 – About JavaScript (8)
1.2 Section 2 – Setting up programming environment (6)
1.3 Section 3 – Hello, World! (10)
1.4 Module 1 Completion – Module Test
JSE: Module 2: Variables, Data Types, Type Casting, and Comments
Date Started Description Date Completed
2.0 Section 1 – Variables (15)
2.1 Section 2 – Data types and type casting – Part 1 (11)
2.2 Section 3 – Data types and type casting – Part 2 (5)
2.3 Section 4 – Comments (4)
2.4 Module 2 Completion – Module Test
JSE: Module 3: Operator and User Interaction
Date Started Description Date Completed
3.0 Section 1 – Assignment, arithmetic, and logical operators (10)
3.1 Section 2 – String, comparison, and other JS operators (5)
3.2 Section 3 – Interacting with the user (5)
3.3 Module 3 Completion – Module Test
JSE: Module 4: Control Flow – Conditional Execution and Loops
Date Started Description Date Completed
4.0 Section 1 – Conditional execution (9)
4.1 Section 2 – Loops (12)
4.2 Module 4 Completion – Module Test
JSE: Module 5: Functions
Date Started Description Date Completed
5.0 Section 1 – Functions – Part 1 (7)
5.1 Section 2 – Function – Part 2 (12)
5.2 Module 5 Completion – Mudule Test
JSE: Module 6: Errors, exceptions, debugging, and troubleshooting
Date Started Description Date Completed
6.0 Section 1 – Errors and Exceptions – Part 1 (5)
6.1 Section 2 – Errors and Exceptions – Part 2 (8)
6.3 Module d6 Completion – Module Test
JSE: Final Test
Date Started Description Date Completed
Course Completion – Final Test
Earn JSE Certification (3)
End of Course Survey
JSE: Certified Entry-Level JavaScript Programmer Exam
Date Started Description Date Completed
JSE – Certified Entry-Level javaScript Programmer Exam

#Certification

PHP Zend

Zend

PHP Introduction 1: Installing PHP
Development Evironments
Date Started Description Date Completed
03/4/2024 PHP Development Environments 03/4/2024
Installing PHP
Date Started Description Date Completed
03/4/2024 Two Ways to Install PHP 03/4/2024
03/4/2024 Installing an AMPP Package 03/4/2024
03/4/2024 Installing ZendPHP 03/4/2024
PHP Virtualization
Date Started Description Date Completed
03/4/2024 PHP Virtualization 03/4/2024
PHP Introduction 2: PHP Basics
PHP Basics
Date Started Description Date Completed
PHP Scripts
Comments
Operator Types
Variables and Constants
Date Started Description Date Completed
Variables and Constants
Strings
Date Started Description Date Completed
Strings
Arrays
Date Started Description Date Completed
Arrays

#Certification, #PHP, #Programming

Daily Walk – April 2024

DayStart TimeDistanceElapse Time
014:44 AM PDT6.52 mi1h 31m
025:22 AM PDT5.85 mi1h 27m
035:13 AM PDT6.27 mi1h 34m
045:07 AM PDT6.02 mi1h 30m
0512:09 PM PDT7.32 mi1h 44m
0610:23 AM PDT7.32 mi1h 48m
077:41 PM PDT7.72 mi1h 43m
084:53 PM PDT7.49 mi1h 48m
096:59 PM PDT7.65 mi1h 41m
106:41 PM PDT7.49 mi1h 51m
1112:51 PM PDT7.17 mi1h 48m
12RestRestRest
138:27 AM PDT7.13 mi1h 45m
147:07 PM PDT7.4 mi1h 44m
15RestRestRest
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Daily walk

Year:
2024

Daily Walk – March 2024

DayStart TimeDistanceElapse Time
232:10 PM PDT5.78 mi1h 24m
248:17 PM PDT5.71 mi1h 20m
2511:35 AM PDT5.61 mi1h 19m
269:58 AM PDT5.53 mi1h 21m
277:45 AM PDT5.99 mi1h 22m
287:36 AM PDT6.12 mi1h 26m
299:08 AM PDT6.85 mi1h 34m
308:55 AM PDT6.25 mi1hr 31m
317:28 AM PDT7.05 mi1h 35m

Daily walk 2024

March
April
May
June
July
August
September
October
November
December

Progress no. 1711423354

Weight Tracker

Goal: 140 lb
Goal Date: 09/2024

Weight captured on Mondays:
03/18/2024 – 172 lb
03/25/2024 – 170 lb
04/01/2024 – 167.10 lb
04/08/2024 – 169.10 lb
04/15/2024 – 167.9 lb

Progress no. 1711147945

  “A year from now, you will wish you had started today.” — Karen Lamb  

“If it’s meant to be, it’s up to me.” –William H. Johnsen

“Two things I get every day, a chance and a choice. What I do or do not do daily, have consequences.” –Dad

“What is easy to do, is also easy not to do.” –Emanuel James Rohn

“Tomorrow You will wish you had started today” –Start Now

Tracking the following:

Weight 170 lb - Goal 140 lb by 09/2025 - 1%
Readiness: Microsoft AI-900 - 06/31/2025 - 5%
CompTIA Security+ - 25%

Completed:

ITIL v4 Foundation - 03/15/2024: PASS - 100%
Microsoft DP-900 - 04/12/2024: PASS - 100%