Zig is general-purpose systems programming language often used as an alternative to C, C++, and Rust. Learn the basics of Zig in this quick tutorial.
#programming #code #100secondsofcode
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Zig Lang https://ziglang.org/
C in 100 Seconds https://youtu.be/U3aXWizDbQ4
C++ in 100 Seconds https://youtu.be/MNeX4EGtR5Y
? Get More Content - Upgrade to PRO
Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- What is Zig?
- Is Zig fast?
- Zig quickstart tutorial
- Zig vs C
- Zig vs Rust
- Memory management in Zig explained
- How do Zig allocators work?
...
https://www.youtube.com/watch?v=kxT8-C1vmd4
UPDATE. See the latest basics video here: https://youtu.be/q5J5ho7YUhA
Master the basics of Firebase in 20 minutes. In this episode, we run through hosting, auth, firestore, storage, and cloud functions using nothing but plain JavaScript. https://angularfirebase.com/lessons/the-ultimate-beginners-guide-to-firebase/
- Firebase https://firebase.google.com/
- CLI Tools https://github.com/firebase/firebase-tools
...
https://www.youtube.com/watch?v=9kRgVxULbag
Fully documented lesson at https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/
In this episode, I am going to show you four different ways to share data between Angular components.
Parent to Child the Input Decorator
When you declare a variable with the Input decorator in the child component, it allows that variable to be received from a parent template. In this case, we define a message variable in the parent, then use square brackets to pass the data to the child. Now the child can display this data in its own template.
Child to Parent via ViewChild
ViewChild allows a one component to be injected into another, giving the parent access to its attributes and functions. One caveat, however, is that child won't be available until after the view has been initialized. This means we need to implement the AfterViewInit lifecycle hook to receive the data from the child.
In the AfterViewInit function we can access the message variable defined in the child
Child to Parent via Output and EventEmitter
Another way to share data is to emit data from the child, which can be listed to by the parent. This approach is ideal when you want to share data changes that occur on things like button clicks, form entires, and other user events.
In the child, we declare a messageEvent variable with the Output decorator and set it equal to a new event emitter. Then we create a function named sendMessage that calls emit on this event with the message we want to send. Lastly, we create a button to trigger this function.
In the parent, we create a function to receive the message and set it equal to the message variable.
The parent can now subscribe to this messageEvent that's outputted by the child component, then run the receive message function whenever this event occurs.
Share data between any components
When passing data between components that lack a direct connection, such as siblings, grandchildren, etc, you should you a shared service. When you have data that should aways been in sync, I find the RxJS `BehaviorSubject` very useful in this situation. The main benefit that a BehaviorSubject ensures that every component consuming the service receives the most recent data.
In the service, we create a private BehaviorSubject that will hold the current value of the message. We define a currentMessage variable handle this data stream as an observable that will be used by the components. Lastly, we create function that calls next on the BehaviorSubject to change its value.
The parent, child, and sibling components all receive the same treatment. We inject the DataService in the constructor, then subscribe to the currentMessage observable and set its value equal to the message variable.
Now if we create a function
...
https://www.youtube.com/watch?v=I317BhehZKM
React is a little JavaScript library with a big influence over the webdev world. Learn the basics of React in 100 Seconds https://fireship.io/tags/react/
How I make these Videos https://youtu.be/N6-Q2dgodLs
#react #webdev #100SecondsOfCode
Install the quiz app ?
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=Tn6-PIqc4UM
ChatGPT released the Code Interpreter plugin, making it possible for the LLM to run and test its own Python code. Learn how programmers and data scientists can use this new AI feature to solve coding problems faster.
#programming #ai #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
- OpenAI code interpreter plugin https://openai.com/blog/chatgpt-plugins#code-interpreter
- ChatGPT stock trading paper https://papers.ssrn.com/sol3/papers.cfm?abstract_id=4412788
- AI Programming Tutorial https://youtu.be/iO1mwxPNP5A
- TempleOS in 100 seconds https://youtu.be/h7gf5M04hdg
? Get More Content - Upgrade to PRO
Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- Stock trading algorithms with ChatGPT
- ChatGPT latest features
- What's new with AI
- What is the future of AI programming?
- Uploading files to ChatGPT
- How to get access to GPT code interpreter?
- How to run python with ChatGPT
...
https://www.youtube.com/watch?v=p6Yw0Bx5dbw
Want to build your own programming language? LLVM is a tool for building and optimizing compilers and forms the backbone of many languages like Rust, Swift, CUDA, C, and C++.
#compsci #programming #100SecondsOfCode
? Resources
LLVM https://llvm.org
LLVM Kaleidoscope Tutorial https://llvm.org/docs/tutorial/
C++ in 100 Seconds https://youtu.be/MNeX4EGtR5Y
Rust in 100 Seconds https://youtu.be/5C_HPTJg5ek
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- LLVM tutorial
- What is LLVM?
- Who created LLVM?
- How to build a programming language from scratch
- What are the main parts of a compiler?
- How do compliers work?
- Lexer vs Parser
...
https://www.youtube.com/watch?v=BT2Cv-Tjq7Q
Firebase is a suite of tools for building apps on top of Google Cloud Platform. It's most famous for its realtime database, but also includes services for user authentication, serverless computing, push messaging, file storage, and more. https://fireship.io/pro
#databases #tech #100SecondsOfCode
This video is NOT sponsored.
? Resources
Firebase http://firebase.google.com/
Firebase Basics Tutorial https://youtu.be/q5J5ho7YUhA
Firebase History https://medium.com/firebase-developers/what-is-firebase-the-complete-story-abridged-bcc730c5f2c0
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
What is Firebase?
Firebase basics tutorial
Who founded firebase?
Is Firebase owned by Google?
What is Firebase used for?
Is Firebase secure?
...
https://www.youtube.com/watch?v=vAoB4VbhRzM
What is a Module Bundler? And why do I need one? Learn how tools like Webpack, Rollup, Parcel, and Snowpack can package your code as a production-ready web application. https://fireship.io
Webpack https://webpack.js.org/
Snowpack https://www.snowpack.dev/
Sponsor me for $1 https://github.com/codediodeio
#webdev #tutorial #javascript
Install the quiz app ?
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=5IG4UmULyoA
What is the Bend programming language for parallel computing? Let's take a first look at Bend and how it uses a Python-like syntax to write high performance code that can run on the GPU.
#programming #tech #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Bend Language GitHub https://github.com/HigherOrderCO/Bend
CUDA in 100 Seconds https://youtu.be/pPStdjuYzSI
Recursion in 100 Seconds https://youtu.be/rf60MejMz3E
? Get More Content - Upgrade to PRO
Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- What is Bend language?
- Parallelism vs Concurrency
- Rust programming language projects
- CUDA alternatives
- How to run code on a GPU
...
https://www.youtube.com/watch?v=HCOQmKTFzYY