HTML & Coding Introduction – Course for Beginners
By freeCodeCamp.org
Published: Feb 21, 2023“
Learn the basics of HTML and how to begin coding in this course for beginners.
Are you interested in coding but have never tried it before? Are you curious about how to create your own website or app? If so, then this video course is for you!
Course developed by @AniaKubow
Full course: http://codewithania.com/Contents
- (0:00:00) Introduction
- (0:01:34) What is a code editor?
- (0:03:08) Code editor options
- (0:03:52) Files files files
- (0:07:27) HTML Introduction
- (0:09:27) HTML – what is it exactly?
- (0:11:53) HTML Syntax
- (0:17:08) Saving files in your code editor
- (0:18:19) HTML Anatomy
- (0:22:50) Headings
- (0:24:49) Paragraphs
- (0:26:04) HTML headings, paragraphs and emphasis
- (0:32:20) Indenting code in HTML
- (0:34:03) HTML lists
- (0:38:54) HTML links
- (0:43:49) Navigating Pages
- (0:51:20) Images in HTML
- (0:55:15) Creating tables using HTML
- (1:03:27) Introducing the Div
- (1:05:09) Semantic sectioning
- (1:07:39) Table Tennis Leaderboard: Project prep
- (1:09:30) Table Tennis Leaderboard: Starting out our project
- (1:12:44) Table Tennis Leaderboard: table rows and lists
- (1:16:44) Table Tennis Leaderboard: Sectioning and the figure element
- (1:25:27) HTML forms
- (1:26:52) The various input element types in HTML
- (1:33:17) HTML Inputs exercise 1
- (1:40:40) HTML Inputs exercise 2
- (1:43:55) HTML Inputs exercise 3
- (1:48:57) The select dropdown in HTML
- (1:54:38) The Inspect tool
- (1:56:51) Using the data attribute in HTML
- (1:59:15) Commenting out code
- (2:01:29) What’s next?
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
Category: Web Projects
What’s coming up by your CyberPal and E-Visions Multimedia!
[#Script #Coding] NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0
NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0
By codeSTACKr
Published: Mar 10, 2022“
Check out the collection I made:
- https://codecats.xyz
- OpenSea:
- Join my Discord community: https://discord.gg/A9CnsVzzkZ
- GitHub Repo Source Code: https://github.com/codeSTACKr…
** This is an updated video that streamlines the process for creating an NFT collection. NO CODING IS REQUIRED! **
No coding experience? No problem! We will get you from nothing to an entire collection of 10,000 Unique NFTs in 30 minutes! Let’s get started!There are a bunch of tutorials on YouTube about how to create NFT collections, but none of them show you the ENTIRE process.
In this video, I’m going to show you how to create an NFT collection and how to MINT them, even if you have ZERO coding knowledge!
In this video, we are going to dive head first into cryptocurrencies, NFTs, and minting. And I don’t expect you to have any prior knowledge of any of this. We are going to go step-by-step through the entire process!
I’m going to explain what blockchain and NFTs are and give you some context and background first. If you’re already familiar with that and you want to go straight to the good stuff, I have chapter markers setup for you, just skip ahead to whatever section you want.
RESOURCES
- GitHub Repo Source Code: https://github.com/codeSTACKr/create-…
- Join my Discord community: https://discord.gg/A9CnsVzzkZ
- @HashLips NFT YouTube: https://www.youtube.com/c/HashLipsNFT
- NFTPort: https://nftport.xyz
- Mac M1 Issue: https://github.com/HashLips/hashlips_…
VIDEOS
- How to Create NFT Layers in Photoshop or Figma: https://youtu.be/k72aCI1VyKM
- How to Automate Listing on OpenSea: https://youtu.be/Iy1n_LxUwZs
- Original Video – v1.0.0: https://youtu.be/AaCgydeMu64
- NFT Playlist: https://www.youtube.com/playlist?list…
Become A VS Code SuperHero Today: https://vsCodeHero.com
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Timestamps
- 00:00 – Intro
- 01:35 – What’s an NFT?
- 02:10 – What is a blockchain?
- 03:00 – NFT Use Cases
- 03:22 – NFT Collections
- 04:04 – Create Image Layers
- 06:37 – Download Repo & Set Up
- 09:59 – Include your images here!
- 11:07 – Config.js Overview
- 14:15 – Generate 10k Unique Images!
- 14:38 – The complexity of creating NFTs
- 16:31 – Install MetaMask
- 16:48 – NFTPort Settings in config.js
- 20:29 – Create Generic Metadata (optional)
- 20:57 – Upload Images & Metadata to IPFS
- 22:02 – Deploy Contract
- 22:42 – Mint NFTs
- 24:17 – Check Mint Transactions
- 25:09 – List for Sale on OpenSea
- 25:59 – Reveal your NFTs (optional)
- 27:55 – Refresh OpenSea Command
- 28:30 – Mint for real now!
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
”
[#AfterEffects #Video] 3 INSTAGRAM VFX that will make u go VIRAL (Adobe Tutorial)
3 INSTAGRAM VFX that will make u go VIRAL (Adobe Tutorial)
By Cinecom.net
Published: Oct 09, 2020“
Recreate 3 Awesome Instagram Effects in Adobe Premiere Pro & Adobe After Effects. Learn how to use the morph cut, Displacement map and other easy tricks to achieve these Special Effects.
- More Copy Cat Friday: https://www.youtube.com/playlist?list=PLV0ZcSTi6tB7O8Jkv1ifp3cIuNLeG6tGq
- More Social Media Effects: https://www.youtube.com/playlist?list=PLV0ZcST…
- Alex Ezorsky Mirror Dive Tutorial: https://www.youtube.com/watch?v=1ktQV…
”
[Web Design] Photoshop New Features Guide Updated
From Graphics – CreativePro.com –Photoshop New Features Guide Updated:
“
The Photoshop New Features Guide by James Wamser. This free guide describes every feature that has been added to (or removed from) Photoshop since the original CS version in October 2003. You can browse this 90-page guide by version, or look up specific features in the index. And now the guide has been updated to include the June release of Photoshop 2015.5. You can view the Photoshop New Features Guide via Adobe Publish Online, where you can also download it as a PDF. InDesign users don’t have to feel left out, either…
”
[Web Design] Welcome to The Digital Art Studio
From Graphics – CreativePro.com –Welcome to The Digital Art Studio:
“
Digital Art Studio 1: Customizing Photoshop shortcuts This is the first post in a new series we’re calling The Digital Art Studio. Here I’ll share with you some of the ways I integrate digital tools into my creative workflow. These posts will generally be fairly short and will mainly focus on the digital aspect to how I create artwork. Projects will alternate between each of the different apps (mostly Photoshop, InDesign and Illustrator), some will move between apps, and others will touch on how I integrate traditional and digital tools together. I intended this first post to be a dive into a cool project, but realized that before I get down to work in my digital studio, I always make sure that it?s set up so I?m able to move quickly, intuitively, and smoothly. It’s the digital equivalent of scraping down my palette and squeezing out new paint. Things must be set up properly if you?re going to work smoothly. So if I’m sitting down at a new machine, or I’ve recently reinstalled Photoshop or trashed preferences, my checklist means modifying a few preferences (such as turning off some of the Zoom settings and choosing the lightest User Interface)…”
[Tutorial] Tips and Tricks: Writing a Web Design Proposal
From Queness Feed –Tips and Tricks: Writing a Web Design Proposal:
“
If web design is your forte – you must know how to approach clients. And for that, you need a winning web design proposal. Today, we are sharing some tips and tricks from the masters of web design proposals – in order to help you wrap up your digital capabilities in the best possible light.
”
[ALA] Designing the Conversational UI
From A List Apart: The Full Feed –Designing the Conversational UI:
“
In the first part of this article, we discussed the basic principles of conversational interfaces, and why you should consider building one for your own product. Here, we?ll dive a little deeper into more specific patterns, and see how you can translate them into a conversational form…
”
As Brilliant, Talented, Handsome, Witty and Charming as I am…
I amaze myself at how humble I am about it all. 😀
I have spent the last two months revamping EricBrooks.Com from the inside out. Optimizing it, re-writing scripts for my custom CMS System, adding new features.
Look for an all new Fonts section in July, new Design portfolio… and for BIG NEWS with my friends and me.
STAY TUNED!
The Super Dudes: Now on YouTube
I uploaded a @YouTube video http://youtu.be/14FxJpYffp4?a The Super Dudes – Episode One
I’m in pure ‘SEO Mode’
I’m in pure “SEO Mode”. Nothing I say makes sense to humans, but search engine bots think I’m the friggin Dalai Lama right now…
