Potluck — Corn Shucking × Self-Hosting Images × WordPress × Getting Scammed × Portfolios
Syntax - Tasty Web Development Treats6 Loka 2021

Potluck — Corn Shucking × Self-Hosting Images × WordPress × Getting Scammed × Portfolios

It’s another Potluck! In this episode, Scott and Wes answer your questions about corn shucking, self-hosting images, WordPress, getting scammed, portfolios, more! Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax Show Notes 02:55 - Hey guys, I love the podcast! This is a silly question and possibly the least important potluck question you’ll ever get. When you get a new Apple device like an iPhone, Apple Watch, or Macbook Pro… do you keep the box? Why or why not? 06:56 - Hey guys! Awesome podcast! Could you go over the advantages and disadvantages of using local images vs external images service (e.g. Cloudinary) for displaying images on a web app? 11:26 - Heyyyy Scott and Wes! 40-year-old lady here looking to make a career change. It’s taken me a year plus, but after building several tutorial React apps, I finally built a fullstack JavaScript app of my own, with lots of rad Postgres database stuff, a bunch of secure Node/Express API endpoints, role-based access control, fancy Oauth, and of course the latest React tech (context, hooks, etc). I’m pretty proud of it. I even managed to configure Nginx and deploy it to AWS. The only problem is…it looks like crap. My portfolio site itself is pretty darn slick, since I used a gorgeous Gatsby template that required only a bit of tweaking. But the site I architected and worked so hard to bring to life? It looks like an 8-bit game for toddlers, a responsive yet Bootstrapy game. My question: does this matter? I would hope that this project shows off my backend skills, but I’m afraid they’ll judge a book by its cover. (I guess a second question would be: how do you show off your backend skills? I have a README in my repo, but will they actually read it? Or, can you be a fullstack React developer with no design skills?) I am very, VERY ready to apply to jobs (emotionally and financially), but I am terrified of making a fool of myself and worried I’ll never get hired. I am completely self-taught and have just been plugging away at this on my own for the duration of the pandemic, so I send a massive thank you to you guys for the sense of community that your show provides! Props to Wyze sprinkler controllers! 16:14 - Scott, I just finished your “SvelteKit” course and now I’m working on “Building Svelte Components”. I have some questions regarding testing. I was listening to an interview with Rich Harris on Svelte Radio and it’s my understanding that the framework is trying not to be opinionated as far as testing. What are you doing as far as testing with SvelteKit? Do you have any recommended packages/plugins/libraries? I’ve only ever written unit tests with Jest in Vue. I’m loving Svelte, but I really want to work on writing tests as well. Basically, everything/anything you’ve got on testing with SvelteKit would be much appreciated. I’ve been listening to the show since forever, you guys are both awesome, shout out to Wes too, you’ve both taught me so much! Thank you, peace, love, and happiness <3 20:25 - Hi Wes and Scott, I am weak when it comes to dev ops. I would like to confidently set up and deploy my applications on AWS and manage dev/prod environments. Any course recommendations to learn how to do this and how it all works so I really understand? If you don’t personally, can you tweet this out so other developers can share their thoughts? 22:30 - You both have praised MDX in the past but why would you use it? I understand that it lets you put JSX in your Markdown, but that seems counter to the purpose of using Markdown files for content. Markdown is a portable format for static content and independent of any front-end framework. That makes it a good choice for writing posts and rendering them in any site. Once you inject a React component into it, doesn’t that eliminate the portability and the static nature of Markdown? At that point, why not just have a dynamic website where you have complete control of how content is rendered? What are your thoughts? 27:14 - Hey Scott and Wes! I, like you both, am a developer with young kids (I have 3 boys age 6 and under). Needless to say, my house has a lot of energy in it. My job is quite flexible, which I appreciate, because it gives me some freedom to structure my day in a way that helps out my family. My question for you both is this: as a web developer with a spouse and young kids working from home, how do you both maintain a healthy work-life balance (avoid working too much, find time for yourselves, family time, etc.) Thanks so much! 33:46 - Should I write a portfolio site using just the three fundamentals (HTML, CSS, JS) or should I write them in something I am comfortable with such as Angular/React? Unsure if using a framework for a portfolio site is a good idea. 36:38 - How do you handle hosting when using WordPress as a headless CMS with something like Gatsby? WordPress needs good PHP hosting, while Gatsby needs good CI integration. 38:52 - How frequently do you use div tags, versus trying to find a ‘better’ tag? Love the pod btw. 40:48 - This is less of a question and more of a heads up for other listeners. Beware of scam job opportunities. I recently encountered a scam where they used a website that seemed like a very normal and reasonable job board for a major company. I went through the whole process until they asked for personal info, and I asked for verification of their person. They couldn’t provide it so I left. But they had profiles matching the actual employees at the company. They had emails. They had an HR department and employees. They had a very legitimate operation going on. Make sure to take a second and verify with the company before giving away personal information or depositing any of their money into your account. 47:38 - What percentage of North Americans keep their mobile device longer than three years? Five years? Eight years? I am a freelancer and I want to put a clause in my contract of what age of device my app will support, but I can’t seem to find this information. Just more general answers like “most people expect a phone to last two-three years.” Links https://kit.svelte.dev/ https://www.cypress.io/ https://www.svelteradio.com/ https://www.digitalocean.com/blog/ https://caddyserver.com/ https://daringfireball.net/ ××× SIIIIICK ××× PIIIICKS ××× Scott: LuLaRich Wes: Flame Bulb Shameless Plugs Scott: Web Components For Beginners - Sign up for the year and save 25%! Wes: Beginner JavaScript Course - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Jaksot(969)

The Freelance Client Lifecycle - Part 1

The Freelance Client Lifecycle - Part 1

In this episode Scott and Wes talk about the freelance client lifecycle—from gathering requirements, to project hand-off, and everything in between. Techmeme Ride Home Podcast From Techmeme.com, Silicon Valley’s most-read news source, The Techmeme Ride Home podcast is a short daily podcast about the day’s tech news. Mark Zuckerberg called Techmeme the one news source he definitely follows. New episodes are published every day at 5p.m. You can check out the show here, or search for “Techmeme Ride Home” in your favorite podcast player. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free at https://logrocket.com/syntax. Show Notes 03:29 - Gathering Requirements Probably the most important part of the process. If you botch this, you’ll be dealing with change orders and scope-creep throughout the entire project. Poor planning is why agencies have project managers and why many freelancers hate their clients. Ask lots of questions Get lots of examples Break down each page into functionality Ask about budget Clarify who will be updating the site Do this in person if possible 17:00 - Quote Figuring out the quote Break it down into major functional areas that don’t necessarily depend on each other. Multi-staged quotes are great because if it’s too expensive, the client knows they can add additional features later in the project. Explain the tech you will use in relation to how it will help their business, or how easy it will be for them to manage. Presenting the quote List what will be included List what won’t be included Make your quote valid for two weeks Create a template that looks professional Our agency had a professional template, printed on heavy paper in an embossed folder with our logo on it. You don’t have to go this far, but experience matters. Think Apple. You can quote more if you have a higher perception of quality. 30:20 - Timelines Timelines should include hard dates. You should have a “hard on” and and “hard off”. Assume 24-hour turnaround on questions Be generous with your estimates. Under promise, over deliver. Quoting time is a huge skill 35:58 - Contract You best have one Spell out what the client is getting (from quote) At the very least, have the client sign your quote Clear communication and a good relationship is extremely important Use online templates, or have a lawyer create something specific 41:09 - Setting Expectations Don’t make yourself available 24/7 Establish a professional environment by not being too casual Your choices will set the course for your relationship Don’t be too quick to reply to email Schedule emails for 10a.m. Links Syntax 036: Hasty Treat - Freelancing Hot Tips docracy Boomerang for Gmail ××× SIIIIICK ××× PIIIICKS ××× Scott: The Great Suspender Wes: Food Busker YouTube Channel Shameless Plugs Scott’s Level 1 Styled Components Course Wes’ Courses Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

23 Tammi 201953min

Hasty Treat - Tidying Up Code #MarieKondo

Hasty Treat - Tidying Up Code #MarieKondo

In this Hasty Treat, Scott and Wes talk about tidying up your code - why it’s important and how it can make your (dev) life better. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Show Notes 3:24 - Removal Unneeded comments Unused CSS Unused Functions 8:06 - Organizing A system that works for you Know when to break things out into a new file, components, functions otherwise Index file works sometimes - other times it’s too much work 11:45 - Tiding Up Refactoring bad/old code Non-ironically, does this code spark joy? Unused Functions Add in comments Folding - use a code formatter CSS Links Tidying Up with Marie Kondo Better Comments VS Code Prettier ESLint Nicole Sullivan - Object Oriented CSS Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

21 Tammi 201921min

Tips for Work Life Balance

Tips for Work Life Balance

In this episode Scott and Wes talk about work life balance. These tips aren’t hard-and-fast - part of the beauty of being a web developer is that you do get to enjoy some flexibility. Work is a big part of our live and these are tips that will hopefully allow you to get the most enjoyment out of both work and life.   Sanity.io - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get up and running by typing npm i -g @sanity/cli && sanity init in your command line. Get an awesome supercharged free developer plan on sanity.io/syntax.   Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section. Show Notes 8:06 - Know when you work best The 9-5 isn’t for everyone - you know when you work best, so use that to your advantage 9:39 - Work when it’s time to work, life when it’s time to life Don’t do laundry during work time 11:08 - Make it clear to family members when you are working Wishy-washy in-between can cause tension - are you working? Can I interrupt you? Working after hours Text if you need me 14:34 - Have a defined space for work If I bring my laptop downstairs, I don’t bring a charger Clean yo nasty desk space It’s a mental shift when you sit down - “okay now I am working” 21:14 - Know how to “zone it” Headphones Music or podcasts Block all distractions Close email Pay attention to what gets you there, when it stops working, change it up 24:46 - Keep hobbies Away from screens Physical or relaxing or both 26:37 - Exercise Good for mind and body Huge gains long term and short term 27:31 - Prioritize your to-do list One reason many people over-work is that they feel they have too much to do Add items to your to-do list when they pop into your head - out of your head, into your system 31:28 - Walk away from difficult problems Your brain will chew on problems as time goes on and help you solve them Literally take a walk outside 34:04 - Meetups, conferences or tutorials Reinvigorate your hunger for coding and make you happier both at home and work Easy to get burned out from working too much (or not paying enough attention to your work) Links Wes’ Head Bob Spotify playlist Portable Text from Sanity Portable Text Forget about Gutenberg, no seriously What you need to know about block text ××× SIIIIICK ××× PIIIICKS ××× Scott 1: Todoist Scott 2: Notion Wes: PassSource Shameless Plugs Scott’s Level Up Tutorials Pro Wes’ Courses Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

16 Tammi 201944min

Hasty Treat - CSS Grid Level 2 aka Subgrid

Hasty Treat - CSS Grid Level 2 aka Subgrid

In this Hasty Treat, Scott and Wes talk about CSS Grid Level 2 - aka subgrid. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Show Notes 3:27 - CSS Grid Level 2 and subgrid CSS subgrid will allow you to place grid-items’ children along the same lines at the parent grid 5:40 - How it works - Why do we need it? What problem do we have right now? Create your grid as normal - you can create columns, rows, named lines, etc. Your grid-item will also be display grid - this is nothing new - just regular nesting of grid The magic comes in when you want to define the rows and or columns of the sub-item. You can inherit the parent item’s grid-rows / columns by simply saying display: subgrid 11:19 - Browser support It’s about a year out Links Sentry is hiring Grid Level 2 and Subgrid by Rachel Andrew Css Grid Level 2 specs CSS Grid Level 2: Here Comes Subgrid Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

14 Tammi 201915min

Potluck - Where to start with JS × Freelancing × Cron jobs × Split testing × Frameworks in 2019 × More

Potluck - Where to start with JS × Freelancing × Cron jobs × Split testing × Frameworks in 2019 × More

It’s another potluck episode in which Wes and Scott answer your questions! This month - thoughts on frameworks for 2019, React Native, when should you start freelancing, where to start with JS, cron jobs, split testing and more! DevLifts — Sponsor DevLifts - Thad and JC are on a mission to make web developers healthy. They’re currently offering two options: The first is Fit.Start - perfect for beginners or those looking to get back at it. Use the coupon code “syntax” to get 50% off the fit.start plan. The second is DevLifts Premium - for those looking for a laser-focused approach and maximum accountability. Use the coupon code “tasty” to get 50% off the premium plan. Check it out today! Just for January their eight-week plan is back. Use the coupon code “newyear19” to get $50 off. Kyle Prinsloo’s Freelancing & Beyond — Sponsor Kyle Prinsloo teaches you everything you need to know about freelancing, including how to quit your job, earn a side-income and start taking control of your life. Check it out at https://studywebdevelopment.com/freelancing and use the coupon code “syntax” at checkout to get 25% off. Show Notes 1:40 Where is the best place to start with JS coming from WordPress? 5:36 How do you set up cron jobs? What are the best tools to use, should they run on their own server or on the application server, etc.? 17:13 What new skills, frameworks, projects are you look forward to learning in 2019? 21:35 Do you use any software for tracking analytics on your site and do you ever use this data to run split tests? If so, what is your preferred method for running split tests? 28:24 What’s your best tip for young coders to stay productive and not lose time? 32:08 I’m 17 and learning web dev. I’m pretty concerned about my skills and feeling some impostor syndrome. Is it ok to start freelancing? 37:26 What is React Native? How do people tend to use it? If you want a native and web app, do they share code? Links WordPress Gatsby Javascript30 Dead Man’s Snitch Corntab Syntax106: A Look Forward to 2019 Drip Segment.io Hotjar ××× SIIIIICK ××× PIIIICKS ××× Scott: Tiding Up on Netflix Wes 1: Capital Gaines by Chip Gaines Shameless Plugs Scott’s Level 1 Styled Components Course Wes’ Courses Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

10 Tammi 201951min

Hasty Treat - CSS Units

Hasty Treat - CSS Units

In this Hasty Treat, Scott and Wes talk about CSS units (e.g. rems vs ems, px, ch, vmax), when and why you want to be using them, tips and tricks, and more! LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax. Show Notes 2:32 Typography with CSS units 12:04 Pixels 15:17 Viewport units 15:51 ch units 16:35 inch/cm for print 17:19 Percentages 18:10 Media queries 19:41 Flexbox (flex-grow) 20:28 CSS Grid: flexible units: 1fr 2fr Links Sentry Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

7 Tammi 201924min

A Look Forward to 2019

A Look Forward to 2019

In this episode Wes and Scott take a look back at 2018 as well as a look forward to what’s coming in 2019. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. CSS In Depth and In Motion - Sponsor Electron in Action from Manning Publications guides you, step-by-step, as you learn to build cross-platform desktop applications that run on Windows, OSX, and Linux. As a Syntax listener, you can get 40% off all their books and courses by visiting deals.manning.com/webdev and using the coupon code syntax40 at checkout. Show Notes 3:00 - What was hot in 2018? Tooling got easier GraphQL got easier and more accessible New GraphQL companies left and right CSS has gotten more awesome React Improvement in React Dev Tools JavaScript frameworks overall Edge adopting Chrome engine Microsoft bought Github Vue continues to impress and evolve VS Code continued to get amazing 31:29 - Predictions for 2019 Headless CMS game is going to get really real We’re gonna see rails for JavaScript start making some noise React will continue to see growth Design tools will get more code-y (Figma, etc.) VueJS will continue to see growth Developer Experience Tools will continue to get easier Wasm Code splitting easier ES6 Modules in Node Server Side Hot reloading 41:00 - Scott’s Year in Review Released 12 courses Major growth in Level Up as a platform Hired first employees to work and grow site Greatly improved quality and video production Gave first conf talks and spoke internationally 44:03 - Wes’ Year in Review Released two courses - CSS Grid and Advanced React Started work on JavaScript course Delegated lots of development to contractor Continued to work well with assistant Spoke at lots of confs Live Syntax! Grew Instagram Continued hot tips on twitter 47:00 - BIG ANNOUNCEMENT We’re both having babies! 48:09 - Wes’ Goals for 2019 Keep doing what I’m doing! New Website! JavaScript course Platform upgrades - been in the works for months - working on a faster rollout CSS course? VS Code course? More React? 8 YouTube Videos Instagram to 30k Parental Leave 52:26 - Scott’s Goals for 2019 Courses First non-Scott LUT courses (big plans / announcements here ) Parental Leave Major platform updates that are stuck in bottleneck More hires, more growth More free content More teaching from real world code Codebase to Hooks & Suspense Links Next.js Gatsby Parcel Hasura Prisma TakeShape GraphCMS Contentful WPGraphQL Apollo Github VS Code Microsoft Edge WordPress Svelte Vue.js Syntax 067: Goal Setting ××× SIIIIICK ××× PIIIICKS ××× Scott: Fake or Fortune? Wes: Heavyweight Shameless Plugs Scott’s new course on design systems Wes’ Courses Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

2 Tammi 20191h

Hasty Treat - CSS and JS Pointer Events

Hasty Treat - CSS and JS Pointer Events

In this Hasty Treat, Scott and Wes talk about pointer events in CSS and JS - what they are, their differences, why you may want to use them, potential downfalls and more! Sanity.io - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get up and running by typing npm i -g @sanity/cli && sanity init in your command line. Get an awesome supercharged free developer plan on sanity.io/syntax. Show Notes 3:24 CSS pointer events 10:50 JavaScript pointer events 14:24 What are pointer events 17:56 Browser support Links CSS pointer events JS pointer events Pointer events support in WebKit Pointer events Polyfill Wes’ Javascript 30 Course Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

31 Joulu 201821min

Suosittua kategoriassa Politiikka ja uutiset

aikalisa
tervo-halme
rss-ootsa-kuullut-tasta
ootsa-kuullut-tasta-2
politiikan-puskaradio
rss-kuka-mina-olen
rss-podme-livebox
et-sa-noin-voi-sanoo-esittaa
otetaan-yhdet
rss-vaalirankkurit-podcast
rikosmyytit
viisupodi
rss-hyvaa-huomenta-bryssel
rss-merja-mahkan-rahat
lotta-paakkunainen
rss-aijat-hopottaa-podcast
rss-se-avun-kysymyspodcast
rss-50100-podcast
rss-raha-talous-ja-politiikka
rss-tasta-on-kyse-ivan-puopolo-verkkouutiset