- Видео 60
- Просмотров 375 895
willjw3
Япония
Добавлен 21 авг 2018
Coding tutorials for those who prefer to add tools to their developer toolkits on the fly. Languages include JavaScript, Python, and C#. Frameworks, libraries, and environments include React, Express, Node.js, D3, and more.
Python Virtual Envrironment in VS Code: Select the Appropriate Python Interpreter
#Python #VSCode
Setting up a python virtual environment in VS Code can be tricky, especially selecting the python interpreter appropriate for your virtual environment.
Documentation:
Using Python Environments in VS Code: code.visualstudio.com/docs/python/environments#_where-the-extension-looks-for-environments
venv -- Creation of virtual environments: docs.python.org/3/library/venv.html
Setting up a python virtual environment in VS Code can be tricky, especially selecting the python interpreter appropriate for your virtual environment.
Documentation:
Using Python Environments in VS Code: code.visualstudio.com/docs/python/environments#_where-the-extension-looks-for-environments
venv -- Creation of virtual environments: docs.python.org/3/library/venv.html
Просмотров: 14 754
Видео
Adding Tabs To a Div: HTML, CSS & JavaScript
Просмотров 7343 года назад
#JavaScript #HTML #CSS Switching between views on a single page application is easy to do with tabs. Source Code: github.com/willjw3/tutorials/tree/main/html_css_javascript/adding_tabs_to_divs
7. GraphQL and TypeScript: Data Source Configuration - Apollo Server
Просмотров 3,9 тыс.3 года назад
#GraphQL #TypeScript #ApolloServer In this video, we use the Apollo DataSource package to give our project a little more structure. We also pay more attention to how we set up our types. Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. A Postgres database installed locally on yo...
6. GraphQL and TypeScript: Using an ORM - Prisma 2
Просмотров 4 тыс.3 года назад
#GraphQL #TypeScript #Prisma In this video, we implement Prisma 2 to handle getting data from our database. We find Prisma 2 to be a very powerful ORM, and decide to drop Sequelize from our stack and use Prisma going forward. Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. A Po...
Working With Prisma 2: Many-to-Many Relations
Просмотров 12 тыс.3 года назад
In this video we deal with many-to-many relations using Prisma 2. Prerequisites: Familiarity with Node.js, TypeScript, and using an ORM such as Sequelize Prisma Docs - Start From Scratch: www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch-typescript-postgres Prisma Docs - Modeling and Querying Many-to-Many Relations: www.prisma.io/docs/support/help-articles/working-with-many-to-...
5. GraphQL and TypeScript: Using an ORM - Sequelize
Просмотров 4,2 тыс.3 года назад
#GraphQL #TypeScript #Sequelize In this video, we implement Sequelize to abstract away the complexities involved in writing raw SQL queries, as well as to make our project more well-structured. Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. A Postgres database installed locall...
Using Sequelize With TypeScript: Basic Project Setup
Просмотров 47 тыс.3 года назад
#Sequelize #TypeScript In this video, we set up a project using Sequelize and TypeScript along with a Postgres database. Final code: github.com/willjw3/sequelize-typescript-tutorial Sequelize Docs: sequelize.org/master/manual/getting-started.html TypeScript Docs: www.typescriptlang.org/
4. GraphQL and TypeScript: Adding a Database - Part 2
Просмотров 1,3 тыс.3 года назад
#GraphQL #TypeScript In this video, we finish our basic setup for extracting data from a Postgres database and shaping it according to our GraphQL type definitions. Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. A Postgres database installed locally on your computer. We use ve...
3. GraphQL and TypeScript: Adding a Database
Просмотров 3 тыс.3 года назад
#GraphQL #TypeScript In this video, we add a Postgres database to our project . Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. A Postgres database installed locally on your computer. We use very basic SQL queries here, so don't worry too much if you have little or no experienc...
2. GraphQL and TypeScript: TypeScript Setup
Просмотров 4,4 тыс.3 года назад
#GraphQL #TypeScript In this video, we modularize our typeDefs, resolvers, and mock data before getting set up with TypeScript. Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. Source code for Part 2: github.com/willjw3/graphql-typescript-tutorial/tree/video/part-2 GraphQL: grap...
1. GraphQL and TypeScript: GraphQL Server Setup
Просмотров 14 тыс.3 года назад
#GraphQL #TypeScript In this video, we set up a simple GraphQL server using Apollo Server. Prerequisites: Ability to build a full-stack application with Node.js and a front-end library/framework like React, some familiarity with both GraphQL and TypeScript. GraphQL: graphql.org/ TypeScript: www.typescriptlang.org/ Apollo Server: www.apollographql.com/docs/apollo-server/getting-started/
Serverless With Netlify Functions
Просмотров 3463 года назад
#Netlify #Gatsby #Lambda #AWS #serverless A demonstration of how to use Netlify functions to add server-side functionality to your website without needing to host and manage a server. Source code (for coding along from the beginning): github.com/willjw3/netlify-functions-demo Netlify: www.netlify.com/ Netlify Functions: www.netlify.com/products/functions/ Netlify Dev: www.netlify.com/products/dev/
Probability and Python: The Birthday Problem
Просмотров 1 тыс.3 года назад
#Python #probability #mathematics #programming We write some code in Python to experimentally verify the theoretical probability of finding random people with matching birthdays.
Poker Hand Probabilities With Python: One Pair
Просмотров 3 тыс.4 года назад
#Python #probability #mathematics #programming We write some code in Python to experimentally verify the theoretical probability of obtaining a single pair if dealt a 5-card poker hand. Theoretical probability blog post: willward.netlify.app/stat110-ch1-poker-hand-probabilities/
Build a Website With Gatsby Part 8: Implementing Pagination
Просмотров 4364 года назад
#Reactjs #JavaScript #Gatsby In this video, we create implement pagination to keep our pages relatively small and quick-loading. Source code for this video: github.com/willjw3/website-with-gatsby-tutorial/tree/video/8 Other Links: Adding Pagination - Gatsby Docs: www.gatsbyjs.com/docs/adding-pagination/ Full Stack Apollo GraphQL With React and Node: Pagination: ruclips.net/video/wlkk3OBdC1U/вид...
Build a Website With Gatsby Part 7: Adding Tags to Posts
Просмотров 3834 года назад
Build a Website With Gatsby Part 7: Adding Tags to Posts
Build a Website With Gatsby Part 6: Creating Pages From Data - Blog Posts
Просмотров 2034 года назад
Build a Website With Gatsby Part 6: Creating Pages From Data - Blog Posts
Build a Website With Gatsby Part 5: Adding Images With Gatsby Image
Просмотров 1384 года назад
Build a Website With Gatsby Part 5: Adding Images With Gatsby Image
Build a Website With Gatsby Part 4: Transforming Data - Markdown
Просмотров 1814 года назад
Build a Website With Gatsby Part 4: Transforming Data - Markdown
Build a Website With Gatsby Part 3: Transforming Data - JSON
Просмотров 6284 года назад
Build a Website With Gatsby Part 3: Transforming Data - JSON
Build a Website With Gatsby Part 2: Basic Setup - Querying Data With GraphQL
Просмотров 2614 года назад
Build a Website With Gatsby Part 2: Basic Setup - Querying Data With GraphQL
Build a Website With Gatsby Part 1: Basic Setup - Static Pages and Links
Просмотров 1,1 тыс.4 года назад
Build a Website With Gatsby Part 1: Basic Setup - Static Pages and Links
Data Visualization With D3 and React-5: Basic Mouse Events - Clicking and Dragging
Просмотров 3,4 тыс.4 года назад
Data Visualization With D3 and React-5: Basic Mouse Events - Clicking and Dragging
Data Visualization With D3 and React-4: Completing the Bar Chart
Просмотров 1,7 тыс.4 года назад
Data Visualization With D3 and React-4: Completing the Bar Chart
Data Visualization With D3 and React-3: Creating Axes for a Chart
Просмотров 8514 года назад
Data Visualization With D3 and React-3: Creating Axes for a Chart
Data Visualization With D3 and React - 2: Adding an SVG Canvas with D3
Просмотров 1,7 тыс.4 года назад
Data Visualization With D3 and React - 2: Adding an SVG Canvas with D3
Data Visualization With D3 and React - 1: A brief intro to simple SVG Elements
Просмотров 3,2 тыс.4 года назад
Data Visualization With D3 and React - 1: A brief intro to simple SVG Elements
Full Stack Apollo GraphQL With React and Node: Part 9 - Mutations With Apollo Client
Просмотров 3,2 тыс.4 года назад
Full Stack Apollo GraphQL With React and Node: Part 9 - Mutations With Apollo Client
Building a Markdown Blog With React: Part 6 - Deploying to GitHub Pages
Просмотров 3,1 тыс.4 года назад
Building a Markdown Blog With React: Part 6 - Deploying to GitHub Pages
Nice it is working
If we do as in the vid, we won't touch the migration folder to operate, right? If so, what is the migration folder of sequelize for?
Great tutorial, appreciate it very much!
you gave a very good explanation of this topic
Thank you for this series, I've been following along and am nearly done. For anyone using a Mac, a those pesky .DS_Store files can stop main.js from working. Quite difficult to debug because they're not visible in Finder or VS Code anymore. You can filter them out easily though: fs.readdir(dirPath, (err, files) => { const markdownFiles = files.filter((file) => file.endsWith(".md"));
This video solved all my Sequelize with TypeScript problems
Hello! Thank you for this video, I've been following along and all has gone well so far. I'm getting a weird problem though - when I run main.js the first time, everything is fine and the new json file is written, but when I run main.js again I get main.js:43 const date = new Date(metadata.date); ^ TypeError: Cannot read properties of undefined (reading 'date') Do you know how I can fix this? My only solution so far is deleting the json file each time. The posts are displaying in the right order but it annoys me so much when I don't understand how something works! Many thanks, Dan
I was making a project and get stuck on the model type giving me errors. I skipped to that section and you saved me! Thank you
const result = await db.User.findAll({ include: { model: db.Project } }) If I fetch the data using db.User then the result type is any insted of UserAttributes! How can I achieve the correct type for each model?
Does this account for not including a full house?
Are you drunk or old?
just this tutorial showed me what i need to know about sequelize
you're voice is legendary boss!
thank you will, you save my day, god bless you
Hi, thanks for thia helpful tutorial, can i have getposts.js file 😊
Man can I just say, this is probably the best video on this topic out there. Your way of explaining, coupled with the general structure of the video (referencing the doc, mentioning how other people do stuff, and even just learning by doing) is my favourite so far. Thank you
Thanks for the tutorial. ... A little advise, try to lower the volume of the keystrokes, they are louder than your voice, it is not pleaseant when wering headsets.
Bro thanks for the expalination of hasrouter
The solution I was looking for 😅. Thank you
Thanks so much!
Thanks for the tutorial. Will try to set up today. And you a right, even 3 years later it’s so hard to understand how to set up everything from the official docs 😅
My VS Code kept displaying "Python: Select Interpreter resulted in an error". It took me 4 days to resolve this issue. I found this video on the 4th day. Thank you very much.
Bless you. This really helped me. Such a simple thing of not selecting the parent project directory, caused me a world of pain. This is the only video I have found that explicitly mentions this. I owe you a coffee. Top man. thanks.
How is project can be run build ?
COYG
Very good. Thanks.
almost 2 years later and your video saved me! thank you, sequelize was making me lose it bit time. I followed the docs 100% and yet wasn't able to make it work, but following your instructions (even though some thing changed, and I implemented some changes because of it) I made it work, thank you so much
at 16:41 no need to create a dictionary, just a simple if statement to check if the element in ranks are duplicates then use the I variable increment by 1 : this way if you run your function 100 time it would output how many times you got a pair in 5 cards, just a check if there is triple or four cards in a row that can be used as a conditional statement.
i followed this whole thing just to not be able to use any of the models i created when trying to access them via the 'db' import of the index file. what a waste
It seems you can configure Netlify CMS to output various file formats, including JSON. So you could skip using "server" from your main.js
Thanks man, this helped a lot
what is the benefit of typescript, if the defined model is used by a db which has any type?
Exactly !!!!
Great tutorial, thanks a lot!
Thanks alot for the content #Will :)
Thanks for an easy to understand video.
Loved the video! Learnt so much more stuff than going through docs. Thanks for putting this. This is for anyone who's annoyed with manual formatting of schema. Just run, `npx prisma format`. It will format the code for you and might as well tell you what's wrong there.
Thank you!
Thanks man, you saved me and my examination task. Much much appreciated!
Great tutorial thanks!
Great man nicely explained, was struck whole day & night deadline task
this is an ideal topic, you nailed it!
you are a excelent teacher men!!!! thx!!!
Amazing video, u give me the logic view that i needed🖤
Thanks bro, you video save me!
I've been getting bald hair by hair in front of this stupid JS issue...
Thanks a lot for this video! It helped me a lot to set all this up!
I fucking love you
Thank you so much for this video ! total genius !!!!!
why not use 'connect' API?
Thank you so much! Helped clear up a lot of frustrations. Would be great if the sequelize documentation for Typescript wasn't just a code dump.