热门视频
What is a Raspberry Pi? Learn about all the parts and capabilities of the world's most popular tiny computer. https://fireship.io/tags/rpi
https://www.raspberrypi.org/
#raspberrypi #learntocode #100SecondsOfCode
Install the quiz app ?
iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f
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
What is DevOps? How to setup a CI/CD pipeline? Learn the basics of continuous integration & delivery and how it can optimize your productivity and code quality. After this, go further ? https://youtu.be/eB0nUzAI7M8
Demo Repo https://github.com/fireship-io..../225-github-actions-
Stay tuned for a full Github Actions DevOps project. https://github.blog/2019-08-08....-github-actions-now-
CI/CD https://en.wikipedia.org/wiki/....Continuous_integrati
Install the quiz app ?
iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f
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
The ultimate 10 minute JavaScript course that quickly breaks down over 100 key concepts every web developer should know. Learn the basics of JS and start building apps on the web, mobile, desktop, and more.
#javascript #programming #code
? BLACK FRIDAY 40% Discount off PRO Memberships FOREVER
https://fireship.io/pro
? Use code BLACKFIRE at checkout
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
NEW Full JavaScript Course https://fireship.io/courses/js
JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE
JavaScript Docs https://developer.mozilla.org/....en-US/docs/Web/JavaS
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- JavaScript 101 Course
- Getting Started with JavaScript
- JavaScript basics tutorial
- Learn JS for beginners
- Most important JS concepts to know
- What is JavaScript used for?
- How do I learn JavaScript programming?
- Prototypal Inheritance
- Higher Order Functions
- Closures
- Non-blocking event loop
- Node.js
let's see how to check Macbook keyboard is working or not
************************************************************************************
If you are really interested in my video please follow me on YouTube and Facebook
………………………………………………………………………………………………….
Subscribe to my channel: https://www.youtube.com/channe....l/UC_J9mmyih3YF-sKXK
FACEBOOK GROUP: https://web.facebook.com/groups/411530109484518
FACEBOOK PAGE: https://web.facebook.com/itmagicsbd
…………………………………………………………………………………………………..
Background music: https://studio.youtube.com/cha....nnel/UC_J9mmyih3YF-s
A first look at Midjourney 5 - a state-of-the-art generative image model that can produce photorealistic humans. We breakdown new features in v5 and discus ethical concerns surrounding AI image tech.
#ai #tech #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Midjourney https://www.midjourney.com
AI copyright article https://www.theverge.com/2023/....2/22/23611278/midjou
GPT-4 First Look https://youtu.be/EunbKbPV2C0
Tensorflow in 100 Seconds https://youtu.be/i8NETqtGHms
? 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
- New features in Midjourney 5
- What is Midjourney?
- Is Midjourney open sources?
- Top AI image generators
- Can AI images be hold a copyright?
- Moral and ethical concerns with AI image generators
- Midjourney 5 basics tutorial
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/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f
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
Julia is a dynamic general purpose programming language popular for scientific computing and big data analytics. It is extremely fast thanks to its use of a JIT compiler and allows developers to write concise, yet powerful code.
#compsci #programming #100SecondsOfCode
? Resources
Julia Language https://julialang.org/
Why Julia? https://julialang.org/blog/2012/02/why-we-created-julia/
Python in 100 Seconds https://youtu.be/x7X9w_GIm1s
C in 100 Seconds https://youtu.be/U3aXWizDbQ4
? 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
- Julia basics tutorial
- Julia vs Python
- Julia vs R
- what is Julia used for?
- who created Julia?
- parametric types and polymorphism explained
- Julia type system explained
- is Julia easy to learn?
The gang is trapped in prehistoric times and the only way to escape is to traverse an erupting volcano - whilst avoiding hungry dinosaurs and the sinister Phantom Virus!
Watch Scooby and Mystery Incorporated find clues, hunt down bad guys, and eat tons of Scooby Snacks!
WB Kids is the home of all of your favorite clips featuring characters from the Looney Tunes, Scooby-Doo, Tom and Jerry and more!
Scooby-Doo! Available on Digital!
MORE VIDEOS HERE
►https://www.youtube.com/wbkids
MORE GAMES & ACTIVITIES HERE
►https://www.wbkidsgo.com/
All Warner Bros. related characters and elements © & ™ Warner Bros. Entertainment Inc. (s19)
TensorFlow is a tool for machine learning capable of building deep neural networks with high-level Python code. It provides developer-friendly APIs that help software engineers train, analyze, and deploy ML models.
#programming #deeplearning #100secondsofcode
? Resources
TensorFlow Docs https://www.tensorflow.org/
Fashion MNIST Tutorial https://www.tensorflow.org/tutorials/keras/classification
Neural Networks Overview for Data Scientists https://www.ibm.com/cloud/learn/neural-networks
Machine Learning in 100 Seconds https://youtu.be/PeMlggyqz0Y
? 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 TensorFlow?
- How to build a neural network with TensorFlow
- What is TensorFlow used for?
- Who created TensorFlow?
- How neural networks work
- Easy neural network tutorial
- What is a mathematical Tensor?
Let's see how to disable login password on your MacBook
************************************************************************************
If you are really interested in my video please follow me on YouTube and Facebook
………………………………………………………………………………………………….
Subscribe to my channel: https://www.youtube.com/channe....l/UC_J9mmyih3YF-sKXK
FACEBOOK GROUP: https://web.facebook.com/groups/411530109484518
FACEBOOK PAGE: https://web.facebook.com/itmagicsbd
…………………………………………………………………………………………………..
Background music: https://studio.youtube.com/cha....nnel/UC_J9mmyih3YF-s
cmf by nothing watch pro water resistant
Cmf by Nothing watch pro https://amzn.to/4bM7qQs
Microphone for youtubers https://amzn.to/3wdkbmT
Pendrive 256gb 3.2 high speed (45% off) https://amzn.to/3STfbwx
Internet cable for laptop and PC https://amzn.to/497hOAP
Wifi extender for home(35% off) https://amzn.to/4bsLnhP
Wifi router 5g (45% off) https://amzn.to/3w9Z7Oi
Bluetooth adapter for pc and laptop https://amzn.to/42zEgQo
************************************************************************************
If you are really interested in my video please follow me on YouTube and Facebook
………………………………………………………………………………………………….
Subscribe to my channel: https://www.youtube.com/channe....l/UC_J9mmyih3YF-sKXK
FACEBOOK GROUP: https://web.facebook.com/groups/411530109484518
FACEBOOK PAGE: https://web.facebook.com/itmagicsbd
…………………………………………………………………………………………………..
Background music: https://studio.youtube.com/cha....nnel/UC_J9mmyih3YF-s
Learn how NGINX is used a web server, reverse proxy, load balancer, and HTTP cache to handle the demands of high traffic sites. https://nginx.org
#nginx #100SecondsOfCode
Install the quiz app ?
iOS https://itunes.apple.com/us/ap....p/fireship/id1462592
Android https://play.google.com/store/....apps/details?id=io.f
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
UPDATE Watch the latest store video here: https://youtu.be/wRWZQwiNFnM
Full Lesson: https://angularfirebase.com/le....ssons/angular-file-u
In this episode we are going to implement file uploads with Angular and Firebase Storage. File storage is currently unsupported in the AngularFire2 package, but it's still possible to use Firebase storage by interacting directly with the Firebase Web API. We're still going use AngularFire2 for saving information about file uploads to the realtime database, such as the file name and its URL location.
Step 1 - Generate the Files
The structure of this feature is very similar to the Angular Firebase CRUD lesson, so make sure to check that out. It is just form that accepts files, uploads them to the storage bucket, then renders the details to a list.
ng g service uploads/shared/upload
ng g class uploads/shared/upload
ng g component uploads/uploads-list
ng g component uploads/upload-detail
ng g component uploads/upload-form
Step 2 - Define the Upload Class
The upload class will be used by the service. Notice it has a constructor for the `file` attribute, which has a type of `File`. This class is built into JavaScript and it defines files that are passed via HTML from inputs.
Step 3 - Build the Upload Service
The service needs to upload the file to Firebase Storage then save details about the file to the realtime database. First let's add the necessary imports import, including the Firebase API, and declare the variables.
Here's the push upload function works step-by-step.
1. First, Establish a reference to the firebase storage bucket.
2. Second, define the `uploadTask` as a promise to put the file in storage.
3. Third, monitor the uploadTask event using the `.on` function.
4. Last, handle the events of in progress, success, and error.
When the upload is in progress we will take a snapshot to get the number of bytes transferred. Using some simple math, we convert it to a percentage to display a progress bar for the user.
When the upload is complete, we update the database.
Before moving to the components, we need a way to delete files. Deleting a file only requires a reference to its location. Because we saved the name of the file to the database, we can use it to locate the file in storage and delete it. Here's the code to delete files from both firebase storage and the realtime database.
Step 4 - Build the Upload Form Component
Now we need to give users a way to choose files and upload or delete them. Let’s start with the UploadFormComponent because that is where most of the action is happening.
When a user selects files in an HTML file input, it fires the change event. Our template will listen the change event, then pass the event to our component, which contains the list of files the user is trying to upload.
Now we can create methods to trigger the upload function from the service. I created separate functions for handling single files and multiple files that will be connected to buttons in the template.
For the end user, we have a progress bar that changes its width based on the snapshot from the upload service.
To trigger the upload, we use a regular HTML input that fires the `detectFiles` whenever a new file is entered. This will define the "selectedFiles" variable. Then the user can click Upload files to push the file to storage.
That's it firebase file uploads, see you next time.
Step 1 - Compile your App
Running the ng build command will compile and minify your code in a single package in the dist/ folder. You could drop the contents of this directory into virtually any static website hosting platform or even an S3 bucket and you’re site would be ready to serve traffic.
Step 2 - Install Firebase Tools
Firebase has a nice command line package for deployment. Install it with NPM, then log into your firebase account.
Step 3 - Initialize your Project
Make sure you are in the top level directory of your angular app, then run firebase init. This will take you through a one-time configuration for your app.
For the most part, you can stick with the default settings, except in the follow cases:
Choose hosting on the first question.
Change public folder to dist when asked (it defaults to public).
Configure as single page app? Yes
If firebase asks to overwrite your index.html file, respond with NO.
Step 4 - Deploy
Now your app should be ready to deploy. Run the firebase deploy command, then check your project URL to make sure everything looks good.
That's all for firebase deployment, see you next time.
Binary is a base-2 numbering system and the final language used by computer hardware. Programmers don't write binary code directly, but it's import to understand how a machine uses transistors to organize billions of bits to represent data. https://fireship.io
#compsci #math #100SecondsOfCode
? Resources
Binary Explanation https://www.kerryr.net/pioneers/binary.htm
Binary history https://www.cs.cas.cz/portal/A....lgoMath/NumberTheory
Hex dump https://hexed.it/
? 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
- How do binary numbers work?
- How to computers use binary?
- What is a hex dump?
- How to count in binary?
- When was binary first invented?
- bit vs byte vs nibble
Take a first look at Unreal Engine 5.2 and it's new substrate material framework and experimental procedural generation tools. It also announcement updates to its Fortnite editor and supports animations in its metahuman framework.
#unrealengine #tech #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Metahuman Face on Cover https://twitter.com/smallfly/s....tatus/15387190752783
Unreal 5.2 announcements https://www.unrealengine.com/e....n-US/blog/dive-into-
Metahuman https://www.unrealengine.com/en-US/metahuman
Unreal in 100 Seconds https://youtu.be/DXDe-2BC4cE
? 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
- The future of 3D video game development
- What's new in Unreal Engine 5.2?
- What is Unreal Substrate?
- What is Unreal Nanite?
- Procedural Generation tools in Unreal Engine
- How metahuman animator works
Scooby and Shaggy have been tasked to be the guest DJs at the weather station to keep the party going, while the rest of the gang are still trying figure out where the duo are!
WB Kids is the home of all of your favorite clips featuring characters from the Looney Tunes, Scooby-Doo, Tom and Jerry and more!
Available on Digital!
MORE VIDEOS HERE
►https://www.youtube.com/wbkids
MORE GAMES & ACTIVITIES HERE
►https://www.wbkidsgo.com/
All Warner Bros. related characters and elements © & ™ Warner Bros. Entertainment Inc. (s18)
In this video, I will show you a powerful bike lock. The locks of this motorcycle are of very good quality
************************************************************************************
If you are really interested in my video please follow me on YouTube and Facebook
………………………………………………………………………………………………….
Subscribe to my channel: https://www.youtube.com/channe....l/UC_J9mmyih3YF-sKXK
FACEBOOK GROUP: https://web.facebook.com/groups/411530109484518
FACEBOOK PAGE: https://web.facebook.com/itmagicsbd
…………………………………………………………………………………………………..
Background music: https://studio.youtube.com/cha....nnel/UC_J9mmyih3YF-s
In Victoria state alone, 140,000 residents and tens of thousands of tourists are being told to evacuate immediately.
#Australia #VictoriaState #FireOutbreak #Fire #Flames #FireZone #Evacuate #ABCNews #WorldNews
WATCH FULL EPISODES OF WORLD NEWS TONIGHT:
http://abc.go.com/shows/world-news-tonight
ALSO AVAILABLE TO WATCH ON HULU:
https://hulu.tv/2pW9Vh1
Data-Driven Documents or D3 is a JavaScript library for drawing SVGs with data. It's the magic behind many of the graphs, charts, and other data visualizations you see on the web today. https://fireship.io/lessons/re....altime-charts-d3-fir
#javascript #datavis #100SecondsOfCode
? Resources
D3 https://d3js.org/
Realtime Animated Charts https://fireship.io/lessons/re....altime-charts-d3-fir
? 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
- D3.js Basics
- Data Vis with JavaScript
- Draw SVG Graphics with Data
