This talk demonstrates how in a few clicks you can get a full web development environment up and running on Chrome OS, including how to do cross-browser testing!

Presented by: Emilie Roberts

#ChromeDevSummit All Sessions → goo.gle/CDS19

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

Event photos →   goo.gle/CDS19Photos

event: Chrome Dev Summit 2019; re_ty: Publish; product: Chrome - Chrome OS; fullname: Emilie Roberts;

In this video, we are looking at how to install Google Web Designer on a Chromebook.

For the download link, command, and more, look here:
linuxmadesimple.info/2021/07/how-to-install-google-web-designer-on.html

Have a look at all the current Chromebook Sales!
linuxmadesimple.info/2019/11/chromebook-specials.html

Do you also want to see this project grow and learn a bit more about us, look here:
patreon.com/linuxmadesimple

Using a Chromebook as my primary device for coding wasn't something I thought possible until I tried it. While the baseline chrome book is able to only run Chrome Based Applications, you can unlock a Developer Mode with a Linux Console Shell that let's you install everything from vscode to git and much more.

Since I have a computer, laptop and tablet for website development, I found coding and swapping devices sort of difficult especially with the fact that most environments require me to sync github in order to get back to coding my so important HTML, CSS and JS.

I have the chromebook a proper test over 7 days to test out different methods for programming, as people might be using it for many different applications. I would recommend this device for people looking to learn programming via freeCodeCamp or working on applications such as on React, Angular, Vue, etc.

If you're looking to do mobile application development such as on react native or flutter, this might not be the device for you

#chromebook #coding #development

I got the Lenovo Chromebook for this project, you can find below if you're interested
amazon.com/Lenovo-Chromebook-Snapdragon-Qualcomm-Graphics/dp/B09LP61KDP?tag=adriantwaro0b-20

Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.
📘 Enhance UI: enhanceui.com/

Feel free to follow me on:
🐦 Twitter: twitter.com/intent/follow?screen_name=adrian_twarog
💬 Discord: discord.gg/6gmmFvxkD7
💸 Patreon: patreon.com/adriantwarog

Software & Discounts:
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: 1.envato.market/yRZjz2
🌿 Envato Elements: 1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
✖ Editor X: editorx.com/adrian-twarog

Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f

Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE

If you're wanting to do web design and all you have is a Chromebook, the Caret editor is actually really good. I show you how to install Caret, download a Bootstrap template, extract it, and then open the extracted folder as a project in Caret.
****Note: The first time you open a zip file using a Chromebook, it will ask you what you want to open it with. You must choose Zip Archiver (or something like that) to open and mount the zip file. It didn't show it in the video because I had already opened a zip file with my Chromebook and made that choice.******

In this video, we are looking at how to install Google Web Designer on a Chromebook.

For the commands, download link, and more, look here:
linuxmadesimple.info/2022/06/how-to-install-google-web-designer-on.html

Have a look at all the current Chromebook Sales!
linuxmadesimple.info/2019/11/chromebook-specials.html

Do you also want to see this project grow and learn a bit more about us, look here:
patreon.com/linuxmadesimple

2020 Update: Check out the new way to do this with Crostini youtube.com/watch?v=cPJwXcYb76E

I walk through the steps to install and configure all of the tools you need to be a productive web / Angular developer using a Chromebook.

1. Switch to development mode (escape + refresh + power)
2. Ctrl+D to reformat device
3. Setup as normal
4. Install crouton
5. Install Ubuntu
6. Setup npm & yarn & git
7. Setup VSCode
8. Develop!

Have you ever tried to do design work on a computer that you're not familiar with? How about a computer that you know is not meant for professional design work? Well in this video I document my experience of having to work on a Dell Chromebook to do my professional design work while my MacBook Pro is being fixed.

Remember to Subscribe goo.gl/6vCw64

If anything, you should get a good laugh out of this video since I not only share my pains of working on this Chromebook but also do a little show and tell of some old design work I found laying around.

------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
learn.jesseshowalter.com/membership

////////// Connect with me here 👍🏼
Instagram: instagram.com/iamjesseshow
Twitter: twitter.com/iamjesseshow
Anchor: anchor.fm/iamjesseshow
Medium: medium.com/@iamjesseshow

////////// Sign up for my Monthly Newsletter 📫
jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial 👇🏼
share.mscbd.fm/iamjesseshow

////////// Equipment 📸
amazon.com/shop/jesseshowaltertv

Detailed Article:: bit.ly/2TR49tN
In this video, I will walk you through the steps you need to take to install and configure all the tools you need to start coding using a Chromebook.

Tools::
1: CARET TEXT EDITOR - Caret is a graphical text editor modeled on Sublime Text, running completely offline (no Internet connection required) and capable of opening and saving files anywhere on your hard drive. The goal of Caret is to provide a missing portion of the Chrome OS developer story: serious programmer tooling without needing to install a second OS and learn Vim.

Download it - bit.ly/2NefXTI

2: CODE PAD TEXT EDITOR - Code Pad Text Editor is a free, lightweight text editor for code crafted for Chrome OS. Code Pad allows you to write simple code snippets or build complete programming applications and projects easily, straight on your Chromebook.

Download it - bit.ly/2MnwG7e

3: WEB SERVER FOR CHROME - It serves web pages from a local folder over the network, using HTTP. Runs offline.

Download it - bit.ly/2MpRStk

THE WORLD'S LARGEST WEB DEVELOPER CHANNEL:
youtube.com/ostoncodecypher
Join Oston code cypher channel today and get your lifetime tutorials for free!

Oston code cypher channel teaches the in-demand technology skills you need to land your dream job.

Learn how to use a free app to code a web page using HTML on a Chromebook. Caret can be installed from the Chrome Web Store. The app can be used by students to make an HTML file that is stored in their Google Drive. The web page can then be previewed in a Chrome web browser tab.

The TechnoHTML technology project can be completed on a Chromebook using Caret. The coding unit has step-by-step instructions for beginners to learn how to design a web page using HTML and CSS. The project includes a teacher guide, student workbook, HTML templates, sample web pages, assessment tools, and more! Lessons are ideal for middle school and high school students.

technokids.com/Store/Middle-School/TechnoHTML/coding-for-beginners.aspx

As the fastest growing desktop operating system (OS), Chrome OS has started to mature and become an OS that is extremely versatile. What started as the Chrome Browser only device has morphed into an operating system that has Linux, Android and Progressive Web Application (PWA) baked in. This has made Chrome OS one of the most enjoyable to use OSs while giving power users the ability to create things.

In this video you will learn how you can use your Chromebook for coding and creating things like websites, mobile apps and much more. If you look at my previous article about coding on Android you can actually use all of those tools too when developing on your Chromebook.

This video will be split into three sections. Android, Linux and PWA. We will look at all there sides of Chrome OS and how they can be used for development.

To read more about the topic please have a look on: thecodinghub.com/articles/coding-on-a-chromebook

The Coding Hub Links: thecodinghub.com/links
Blog: thecodinghub.com/tutorials
Courses: thecodinghub.com/courses

To read more about the topic please have a look on:

Follow Me On Instagram: instagram.com/the.codinghub/
Follow Me On Twitter: twitter.com/hub_coding
Follow Me On Facebook: facebook.com/TheCodingHubCoursesAndWebsites

Equipment I Use -
Computer: amzn.to/3wSrHAu
Microphone: amzn.to/3lGPOgi
Office Chair: amzn.to/3x5NGUH
Mouse: amzn.to/3lBSpIb
Headphones: amzn.to/3yWX6Eu

DISCLAIMER: This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission at no extra cost to you!

THIS VIDEO IS FOR EDUCATIONAL PURPOSES ONLY!

#chromebook #android #pwa #coding

In this continuation of Part 1, we venture forth a little farther with our fake business webpage using a Chromebook and the Caret code editor Chrome extension.
In this video, we added a cupcake icon to our navbar branding and overrode the bg-dark class's default background to a lovely pink color.
I would like to tell you I made the mistakes you see on purpose, but that would be a lie. And the cupcake in this video is not a lie. It's real!
I would like to give a special thanks to icons8, who provided the cupcake icon I used as the navbar logo. icons8.com/icons/set/cupcake

Download Caret : goo.gl/QbAfcr
Download Web server : goo.gl/d7PrPh

THE WORLD'S LARGEST WEB DEVELOPER CHANNEL:
youtube.com/ostoncodecypher
Join Oston code cypher channel today and get your life time tutorials for free!

Learn how to build websites and apps, write code, or start a business on your own. Learn from over 1,000 videos created by himself the expert on web design, coding, business, and much more.

Oston code cypher channel teaches the in-demand technology skills you need to land your dream job.

✨ Best Chromebook for Coding we reviewed in our roundup:
3. Asus Chromebook Flip: amzn.to/3epTVKn (ad)
2. Lenovo Chromebook Duet: amzn.to/3wQm2Zo (ad)
1. Google Pixelbook Go: amzn.to/3riCiRP (ad)

🌅🌅 Subscribe To Blumoo to see more in less time: youtube.com/channel/UCStKCiPGw28CNY79SEjRHtw?sub_confirmation=1

It’s easy to understand why there is so much interest in Chromebooks for productivity. Chromebooks are more portable and have better battery life than many other laptops. Chromebooks can be very inexpensive, which makes them attractive for coding.

Blumoo's mission is to cut all the BS and give you the information you're looking for right away.

We bring you the breaking news, stunning sights and incredible stories about technology, electronics, and science from all over the world.

You will be fed up of reading and going through the long durated videos of the other channels. But, Blumoo was created with a simple goal, that is to save your time.

→ Disclaimer

Portions of footage found in this video is not original content produced by Blumoo. Portions of stock footage of products was gathered from multiple sources including, manufactures, fellow creators and various other sources.

In the third video in this series, I will show you how to find images that are free for noncommercial use, then we will place those images in the appropriate places on the page. Also, marvel as I can't figure out why my Bootstrap row doesn't resize the 3 columns properly when the browser is in full screen...🤦‍♂️

Special thanks to the following folks who provided the images I used in this video:
bunch of cupcakes - Pixabay License - pixabay.com/photos/cupcake-blue-cupcake-blue-cake-1499316/

pink cupcakes (public domain) - goodfreephotos.com/albums/food/cupcakes-with-frosting.jpg

chocolate cake - CC-BY By AlejandroLinaresGarcia - Own work, CC BY-SA 3.0, commons.wikimedia.org/w/index.php?curid=33803813 - en.wikipedia.org/wiki/Chocolate_cake#/media/File:ChocolateTruffleCakeIdeal01.JPG

pink frosted cookies - CC-BY Steven Depolo - flickr.com/photos/stevendepolo/16640320243

Title says it all :P
---

TAGS:
html, how to do html on chromebook, html on chromebook, how to, how, to, webpage, extension, downloading, video, youtube, chromebook, coding, text, nicoletopics, nicole, topics, no extensions, predownloaded stuff, predownloaded, stuff, pre, downloaded, how to do html on chromebook
MUSIC:
Sthlm Sunset by Ehrling: soundcloud.com/ehrling
Music promoted by Audio Library youtu.be/5ptXIfhUrTA
Easier to Fade (feat. Madi Larson) by A Himitsu soundcloud.com/a-himitsu
Creative Commons — Attribution 3.0 Unported— CC BY 3.0
creativecommons.org/licenses/b...
Music promoted by Audio Library youtu.be/d432TRZEeYw

This is the first Lesson for my high school Coding 1 students while using Remote Learning in the classroom. We will be using the Caret Editor that is compatible with Chromebooks. Caret is a chrome extension based off the Sublime Text Editor. It has many of the same functionalities and capabilities and is great for students using Chrome OS but works with Windows as well.

I will be posting slides, homework, and project examples for a great variety of teaching and learning avenues for students.

Please post below with any questions.

Find the PowerPoint presentations and more resources at codingclubcourses.com

An Adventure in Chrome by Practical Chrome
PracticalChrome.com

Learn web development using your Chromebook and Google Drive!

Google Devs G+ Post - plus.google.com/u/0/+GoogleChromeDevelopers/posts/g4DwYwi8tPi

Web Fundamentals - developers.google.com/web/fundamentals/

Web Starter Kit - developers.google.com/web/starter-kit/

ShiftEdit - chrome.google.com/webstore/detail/shiftedit/lcgmndephhjcabhhjfcmncnhbmgbkpij?utm_source=chrome-app-launcher

Created with TechSmith Snagit for Google Chrome™
goo.gl/ySDBPJ

Today, I'll talk about image aspect ratios and how matching the aspect ratios can help keep your grid spacing even on different sized screens. I'll walk you through using Pixlr on a Chromebook to make the aspect of one image the same as others.