This guide is designed to help beginners navigate through the essential steps and resources to build a strong foundation in both fields.
I'm currently working as a Software Engineer, AI/MLOps. This guide addresses some of the biggest pain points that I encounter while on the learning job. The resources I wish I had discovered sooner.
| // Basic Types | |
| let id: number = 5 | |
| let company: string = 'Traversy Media' | |
| let isPublished: boolean = true | |
| let x: any = 'Hello' | |
| let ids: number[] = [1, 2, 3, 4, 5] | |
| let arr: any[] = [1, true, 'Hello'] | |
| // Tuple |
🔌Your plug to a high-level collection of all the useful functionality jQuery has to offer.
| { | |
| "meta": { | |
| "theme": "professional", | |
| "lastModified": "2025-04-04T06:59:24.305Z" | |
| }, | |
| "basics": { | |
| "name": "Thomas Davis", | |
| "phone": "0411021021", | |
| "label": "Web Developer", | |
| "image": "https://avatars0.githubusercontent.com/u/416209?s=460&u=38f220a2c9c658141804f881c334c594eb1642ac&v=4", |
In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.
Here's one way to set it up:
npm init -y in your project folder (don't skip this step!)npm install terserNow, to minify a file called like_button.js, run in the terminal:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Add React in One Minute</title> | |
| </head> | |
| <body> | |
| <h2>Add React in One Minute</h2> | |
| <p>This page demonstrates using React with no build tooling.</p> |
If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:
let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](https://developer.mozilla.org/en-US/docs/Web/Jav
| If you are facing an error like that on new MacOS version. | |
| xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun | |
| It means that you need to install XCode command line, open a Terminal and run this command: | |
| $ xcode-select --install | |
| Note: | |
| If you want to download and install Command Line tools manually, it can be downloaded from: https://developer.apple.com/download/more/ |
| :: Pick one of these two files (cmd or ps1) | |
| :: Set directory for installation - Chocolatey does not lock | |
| :: down the directory if not the default | |
| SET INSTALLDIR=c:\ProgramData\chocoportable | |
| setx ChocolateyInstall %INSTALLDIR% | |
| :: All install options - offline, proxy, etc at | |
| :: https://chocolatey.org/install | |
| @powershell -NoProfile -ExecutionPolicy Bypass -Command "(iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))) >$null 2>&1" && SET PATH="%PATH%;%INSTALLDIR%\bin" |