Categories
Shopify

Shopify CLI for Theme Development (How to use) [Video]

https://skl.sh/2MCrJIE7 days for free! for new Skillshare.com usersEpisode Overview—————————–Shopify CLI stands for Shopify Command Line Interface and is the latest alternative to Shopify Themekit.Previously, Shopify CLI was a tool that helped users create and deploy Shopify apps but since the Online Store 2.0 announcements in June 2021, Shopify have extended the Shopify CLI to provide new functions for theme development including the ability to serve themes locally.Check out my stuff online…My Skillshare.com channel: https://www.skillshare.com/r/profile/Christopher-Dodd/3311891My travel channel: https://www.youtube.com/christhefreelancerMy website:https://christhefreelancer.comMy socials:Instagram: https://www.instagram.com/christhefreelancer/Facebook: http://facebook.com/christhefreelancer/Twitter: https://twitter.com/chrisrdodd

Categories
Shopify

How to use Github with Shopify (Online Store 2.0) [Video]

Intro to Shopify Theme Development: https://skl.sh/2MCrJIE7 day free trial for new Skillshare.com usersEpisode Overview—————————–In today’s video, we discuss the one of the coolest features of Online Store 2.0, the new Github integration.Previously, theme code had to be synced manually with Git branches but now, Shopify can synchronise automatically using Github. Links Mentioned—————————-My article on using Git with Shopifyhttps://christopherdodd.com/git-with-shopify/Check out my stuff online…My Skillshare.com channel: https://www.skillshare.com/r/profile/Christopher-Dodd/3311891My travel channel: https://www.youtube.com/christhefreelancerMy website:https://christhefreelancer.comMy socials:Instagram: https://www.instagram.com/christhefreelancer/Facebook: http://facebook.com/christhefreelancer/Twitter: https://twitter.com/chrisrdodd

Categories
Website Design

How Much Web Design Does A Front End Developer REALLY Need To Know? [Video]

When I was learning to code and trying to become a web developer I wasn’t sure how many web design concepts and tools I needed to learn. Truth is you don’t really need to know that much design to be a front end web developer.Buy me a beer or a coffee https://www.buymeacoffee.com/doriandevelopsJoin my Discord (https://discord.gg/XckBsDRQxg)Gear I use that you can buy on Amazon https://www.amazon.com/shop/doriandevelopsHere are some direct affiliate links for the gear that I use in my home office and gear that I use to make my YouTube videos______Home Office_____ MacBook Pro (https://amzn.to/32Vsdyr)Monitor (https://amzn.to/32Z7euy)Keyboard (https://amzn.to/2SIquYP)Mouse (https://amzn.to/3ddKdZK)Noise Canceling Headphones (https://amzn.to/2EOKB4e)Standing Desk Base (https://amzn.to/3bpKtEb) with Ikea Counter top (https://www.ikea.com/us/en/cat/kitchen-countertops-24264/)Ergo Stool (https://amzn.to/3jM6q3g)_____YouTube Gear_____Camera Canon EOS M50 (https://amzn.to/3gS3hg9)GoPro Hero 8 (https://amzn.to/3lLRC6k)Blue Yeti Blackout – Studio Mic (https://amzn.to/3gTTEgX)Rode VideoMicro Mic – Vlogging Mic (https://amzn.to/2Z2tOl5)Joby Gorilla Pod 5k(https://amzn.to/3lNvh8r)SoftBox Lights (https://amzn.to/31Wx2Zi)Green Screen Setup (https://amzn.to/2EVv4iX)#programming #webdevelopment #softwareengineer

Categories
Website Design

Basic HTML and HTML5: freeCodeCamp Responsive Web Design Certification (Complete Code Walkthrough) [Video]

Coding through all of freeCodeCamp’s Responsive Web Design certification — starting with the Basic HTML and HTML5 module.Check out freeCodeCamp’s Responsive Web Design certification: https://www.freecodecamp.org/learn/responsive-web-design/Get free additional cheat sheets, study guides, and resources for freeCodeCamp and all kinds of other things on my website: https://resources.bytesized.xyz00:00:00 Introduction00:01:19 Introducing the Responsive Web Design Course00:02:10 Get Familiar with The Editor00:02:55 Say Hello to HTML Elements00:04:24 Headline with the h2 Element00:06:21 Inform with the Paragraph Element00:08:39 Fill in the Blank with Placeholder Text00:10:24 Uncomment HTML00:11:35 Comment out HTML00:13:37 Delete HTML Elements00:14:22 Introduction to HTML5 Elements00:17:56 Add Images to Your Website00:21:50 Link to External Pages with Anchor Elements00:24:20 Link to Internal Sections of a Page with Anchor Elements00:28:32 Nest an Anchor Element within a Paragraph00:29:44 Tricks for Indenting Your Code00:31:08 Make Dead Links Using the Hash Symbol00:32:36 Turn an Image into a Link00:34:29 Create a Bulleted Unordered List00:36:40 Create an Ordered List00:39:00 Explaining the Difference Between Unordered and Ordered Lists00:39:33 Create a Text Field00:40:51 Add Placeholder Text to a Text Field00:42:11 Create a Form Element00:44:12 Add a Submit Button to a Form00:45:55 Use HTML5 to Require a Field00:47:16 Create a Set of Radio Buttons00:53:22 Create a Set of Checkboxes00:56:11 Explaining the br Tag00:56:53 It’s okay to copy and paste!00:58:38 Use the value attribute with Radio Buttons and Checkboxes01:03:06 Check Radio Buttons and Checkboxes by Default01:04:46 Nest Many Elements within a Single div Element01:07:12 Declare the Doctype of an HTML Document01:10:44 Define the Head and Body of an HTML Document01:14:24 ConclusionJoin Bytesized’s Discord server: https://bytesized.xyz/discordDeploy your first serverless function with Cloudflare Workers! Watch my free Egghead.io course to get started: https://egghead.io/playlists/introduction-to-cloudflare-workers-5aa3?af=a54gwi—MY GEAR!CAMERA https://geni.us/PAvvcAIONE AND DONE LENS https://geni.us/xKKIXWIDE LENS FOR WALKING AROUND https://geni.us/rczDvON CAMERA MIC https://geni.us/ChI0UTHE BEST MIC FOR NARRATION https://geni.us/hT3zR8cMIC ACTIVATOR (must-have for above mic) https://geni.us/8ABzGzAUSB INTERFACE https://geni.us/z1MZThese are affiliate links – buying any of the gear I use with them will help support the channel. Thanks ♥️—🐦 Follow me on Twitter https://twitter.com/signalnerve —💛 BYTESIZED is a weekly newsletter for developers — join 4,000+ developers who read our email every Tuesday to stay in-the-know. Subscribe for free at https://bytesized.xyz!

Categories
MondoPlayer

Free Call with Video Marketing Expert

Now is the time to be thinking about your business’s future. Take this opportunity to build a following, get people into your sales funnel and nurture the relationships so they’ll buy from you when they’re ready. If you’d like to see how an Automated Video Curation strategy can work for you, book a free call […]