![Bitovi](/img/default-banner.jpg)
- 244
- 159 757
Bitovi
United States
Приєднався 27 тра 2014
Bitovi simplifies frontend and backend development, DevOps, QA, and product design. We collaborate with companies to create amazing web apps-the right way. After years of solving complex engineering problems, we know what works and what doesn't. And we've baked that experience into our tools, consulting, and trainings.
Bitovi consultants become partners in the design, development, and deployment of your product. We are problem solvers and critical thinkers offering collaborative, validation-driven expertise.
This channel is built to bring you tutorials and complimentary resources to our open source initiatives.
Bitovi consultants become partners in the design, development, and deployment of your product. We are problem solvers and critical thinkers offering collaborative, validation-driven expertise.
This channel is built to bring you tutorials and complimentary resources to our open source initiatives.
August 2024 ChicagoJS Meetup
📌 Where do I even start learning accessibility? with Kaz Baig
Web accessibility can be pretty hard to get right. It feels like there’s a lot to know just to get started, and it’s often unclear when you can confidently call your component or interaction accessible.
In this talk, we’ll tour the path to becoming proficient at web accessibility. We’ll review what accessibility entails and why it’s important (hint: there are more reasons than you might think!). You’ll discover essential resources to help you get up to speed quickly, along with the tools of the trade. By the end of the talk, you should have a toolbelt of practical tips, techniques, and code examples that you can immediately apply to your applications.
📌 How to build an HDA with HTMX with Everett Bogue
Unlock the power of the World Wide Web by mastering the art of Hypermedia Systems!
Check out upcoming meetups: www.meetup.com/js-chi/
Join us on Discord: discord.gg/UXyawKgerU
Web accessibility can be pretty hard to get right. It feels like there’s a lot to know just to get started, and it’s often unclear when you can confidently call your component or interaction accessible.
In this talk, we’ll tour the path to becoming proficient at web accessibility. We’ll review what accessibility entails and why it’s important (hint: there are more reasons than you might think!). You’ll discover essential resources to help you get up to speed quickly, along with the tools of the trade. By the end of the talk, you should have a toolbelt of practical tips, techniques, and code examples that you can immediately apply to your applications.
📌 How to build an HDA with HTMX with Everett Bogue
Unlock the power of the World Wide Web by mastering the art of Hypermedia Systems!
Check out upcoming meetups: www.meetup.com/js-chi/
Join us on Discord: discord.gg/UXyawKgerU
Переглядів: 114
Відео
Building and Maintaining Actionable Multi-team Plans: DevWeek 2024 Talk by Justin Meyer
Переглядів 64Місяць тому
Learn valuable insights on program management gleaned from managing complex projects at Fortune 500 companies like Yum! and more. This is a recording of the virtual version of Justin's 2024 DevWeek workshop led in Oakland, CA.
June 2024 ChicagoJS Meetup
Переглядів 1002 місяці тому
📌 Legal Development: Exploring the Legal Intricacies of Tech with Howard Kier Are you a developer eager to navigate the legal intricacies of the tech world with confidence? Led by an experienced developer with above-average legal knowledge, this enlightening session covers everything from employment classification dilemmas (1099 vs. W2) to safeguarding intellectual property through contracts an...
Deploy Storybook to GitHub Pages
Переглядів 5123 місяці тому
Use Bitovi's latest GitHub Action to deploy your Storybook app to GitHub Pages. ☆ Important Links Check this Action out on GitHub: github.com/marketplace/actions/deploy-storybook-to-github-pages# Bitovi's GitHub Action Marketplace: github.com/marketplace?query=bitovi ☆ Connect with Us Seriously, we love hearing about the cool projects you're working on. And we're here to answer questions and di...
April 2024 ChicagoJS Meetup
Переглядів 703 місяці тому
📌 Meet Hatchify with Justin Meyer Hatchify is a new JavaScript open source CRUD app scaffolding that turns schemas into an app quickly while allowing customization later. Install Hatchify and drop in your schema and data. You'll have a fully functional app prototype in minutes. Hatchify generates a service layer, API, and UI so you can visualize your data quickly. Justin will give an overview o...
Bitovi Backend Testimonial: Yum! Brands
Переглядів 624 місяці тому
Learn how Bitovi built a global eCommerce application for Yum! Brands. With varying product lines-KFC, Pizza Hut, Taco Bell, and Habit Burger-and a global scale, Bitovi used microservices to swiftly create a robust, scalable platform. The result? A seamless ordering experience for users (and your dinner). Do you need guidance on a big project? Schedule your free consultation to get started on t...
Hatchify: The Getting Started Guide
Переглядів 4265 місяців тому
Hatchify is a tool that helps developers build React, NodeJS, and Sequelize apps swiftly. Hatchify provides the speed of a low-code development while enabling complete customization in the patterns familiar to React and Node developers. Hatchify is a collection of JavaScript libraries for the frontend and backend that takes a schema and builds commonly needed functionality (like services and gr...
Deploy React to GitHub Pages
Переглядів 677 місяців тому
Use Bitovi's latest GitHub Action to deploy your React app to GitHub Pages. ☆ Important Links: Check this Action out on GitHub: github.com/bitovi/github-actions-react-to-github-pages Bitovi's GitHub Action Marketplace: github.com/marketplace/actions/deploy-react-to-github-pages ☆ Connect with Us Seriously, we love hearing about the cool projects you're working on. And we're here to answer quest...
Deploy Static Site to AWS
Переглядів 237 місяців тому
Learn how to deploy your static site to AWS with a straightforward GitHub Action. ☆ Important Links: Check this Action out on GitHub: github.com/marketplace/actions/deploy-static-site-to-aws-s3-cdn-r53 Bitovi's GitHub Action Marketplace: github.com/marketplace?category=&type=actions&verification=&query=bitovi ☆ Connect with Us Seriously, we love hearing about the cool projects you're working on...
Introduction to StackStorm
Переглядів 1,4 тис.9 місяців тому
StackStorm at its core is a self-hosted pluggable ‘if-this-then-that’ (IFTTT) event driven automation platform. Using StackStorm's provided frameworks allows us to easily adapt it as an auto-diagnosis and auto-remediation platform. In this training, we'll deep dive into StackStorm setup, best practices, and even more. We'll cover: • the technology behind StackStorm, • example use cases, • how i...
Introduction to Web Accessibility
Переглядів 2169 місяців тому
Accessibility is not a buzzword-it's a necessity. This workshop explores the foundational principles of making websites accessible to all users. We'll cover: * What is accessibility? * Types of disabilities * How accessibility benefits all users * Principles of accessible web design and development ★ Resources ★ BLOG POST, How to be an A11y - Accessibility Design www.bitovi.com/blog/how-to-be-a...
Agile Program Management with Jira
Переглядів 29711 місяців тому
An overview of Bitovi's "Agile Program Management with Jira" course. The full FREE course can be found here: www.bitovi.com/academy/learn-agile-program-management-with-jira.html
Program Management with Jira - Create a continuous exploration board
Переглядів 97Рік тому
Learn how to create a custom Jira Kanban board from a filter. This is part of an Agile Program Management Training: www.bitovi.com/academy/learn-agile-program-management-with-jira/continuous-exploration-board.html Steps: 1. Create a Filter showing only Initiatives 2. Create a Kanban Board sourced from the Filter 3. Create the Boards Columns 4. Add statuses to the right columns
Bitovi Academy: Learn Docker
Переглядів 195Рік тому
Docker is a tool that helps developers package up their software and all the necessary things it needs to run, into a single package called a "container." This container can then be easily moved between different computers or environments, ensuring your software behaves the same way everywhere. In this Docker training, you’ll build a simple Node.js app and containerize it with Docker. ★ Resourc...
Program Management with Jira - Using Advanced Plan's AutoScheduler
Переглядів 124Рік тому
Learn how to setup Jira and Advanced Plans to use the AutoScheduler. Steps: 1. Create sprints for each product team 2. Add the boards as a source to the plan 3. Create a Shared Team for each product team 4. Create a Plan Team for each product team 5. Assign each epic to its plan team 6. Rank the plan’s epics 7. Schedule the epics 8. Verify the epics are scheduled correctly
Program Management with Jira - Estimating an initiative
Переглядів 277Рік тому
Program Management with Jira - Estimating an initiative
Program Management with Jira - Create an advanced roadmap plan
Переглядів 236Рік тому
Program Management with Jira - Create an advanced roadmap plan
Program Management with Jira - Create custom fields
Переглядів 66Рік тому
Program Management with Jira - Create custom fields
Program Management with Jira - Create a continuous exploration workflow
Переглядів 103Рік тому
Program Management with Jira - Create a continuous exploration workflow
Program Management with Jira - Create a Initiative issue type
Переглядів 408Рік тому
Program Management with Jira - Create a Initiative issue type
GitHub for Platform Engineering: Docker to AWS
Переглядів 51Рік тому
GitHub for Platform Engineering: Docker to AWS
Week 3: Game Design Using Angular & PixiJS
Переглядів 1,1 тис.Рік тому
Week 3: Game Design Using Angular & PixiJS
Take Your Team From Survival to Mastery: Best Practices for High Performing Teams
Переглядів 36Рік тому
Take Your Team From Survival to Mastery: Best Practices for High Performing Teams
Week 2: Game Design Using Angular & PixiJS
Переглядів 842Рік тому
Week 2: Game Design Using Angular & PixiJS
Hello, I followed the steps to create a PWA and installed it on the desktop. Although the PWA asks for notification permission, I still cannot successfully obtain the FCM token.
not working for me, cant find the build script
Hey @JocaBosta. This action focuses on deployment activity rather than build. That said, it is possible to build and deploy in one shot. The documentation says the build_command input specifies the command to run after the install_command for the build; the default is npm run build-storybook. We suggest reviewing that input in particular, as it may just be that you need to specialize your build command. Alternatively, the path input may need to be overwritten. Of course, if you still run into a specific issue, let us know about it on Discord - discord.gg/tw2kTV3vtQ
For some reason, I really enjoyed every time he saided "Ask me how i know" lol!
Thank You for these information <3
amazing!!!😇
👏💜
incrivel!!
this guy clearly just learned rxjs
I am working on an old website built with JQuery. Now they want me to integrate new features but I do not want to work on JQuery anymore. I am thinking of using React but i do not want to rewrite the whole website to React. What I thought is I maybe i can use React and convert it to web components. I am currently lost and I dont know if thiw will work. I will just add some widgets that display data from an external API, so maybe I can create web component for that with React? And also I cannot see example anywhere how to use your created web component(via r2wc) into a separate website project.
Hey Alex! These are great questions. We have a home page for R2WC that might help. www.bitovi.com/open-source/react-to-web-component I will flag this question for our react-to-web-component team and follow up shortly. You can also join our Discord - discord.gg/3Ed9C7wszj - that way, you can share your code, and we'll be able to better assist.
Alright, one of our great frontend devs gave me a quick answer. It's a good idea to convert things to Web Components, but it's not ideal to use React for new Web Components when you don’t have existing React code. React is the least Web Components-friendly framework, and R2WC exists to entice React developers to get into Web Components by bridging the chasm that React has created between WC and its own silo. If you like using JSX to define your views, give Stencil a look. Angular is also a possibility and has lots of enthusiasts here. Lit and Svelte are also work a look. And if you have more questions, connect with us on Discord!
Interesting. I'm working on a demo app and was running into errors because my impression was that the signaling is a symmetrical process between both peers. Based on the diagrams shown here, it is not. There is an initiator of the connection and a receiver and both parties do things differently depending on which role they play. Thanks for the pictures, that really helps.
Great and informative video
Promo SM
If this create an ec2 instance and cannot use an existing one, can i then acces the ec2 some way?
Hey! Thanks for your question. To clarify, are you asking if you can use an existing EC2 instance? Also, feel free to join us on Discord and ask your question there. It's sometimes helpful if you want to share code snippets, etc. discord.gg/e89835ZmZP
Hey @diegoalcade8530, You could use any of the defaults connections methods present here. (docs.aws.amazon.com/AWSEC2/latest/UserGuide/ec2-instance-connect-methods.html) If you don't have but want or need the ssh keys, you create a secret in AWS Secret Manager by setting up the option create_keypair_sm_entry to true. (github.com/marketplace/actions/deploy-docker-to-aws-ec2#ec2-inputs)
So awesome this exists, can't wait to watch these in full! I'm learning Angular, and want to seek employment using it in the next year. Got a lot to learn, but hungry to do so. Even if there isn't much point to using angular to make a game, it seems like a fun/engaging/challenging endeavor that will leave you knowing the ins and outs of the framework that much better. Only been using Angular for a week and it's pretty overwhelming, but seeing all the jobs available using it in my area (as well as Angular being fully featured) has me set this is the route I want to take!
We're so glad you found this video! That's awesome that you're diving into Angular. Good luck and if you have questions on the video or want to be part of a cool developer community, join us on Discord! discord.gg/J7ejFsZnJ4
Excellent speaker... great diction, cadence, flow, pertinent examples & emphasis piques interest!
I honestly wish I didn’t have to get my hands dirty with Jira, but it comes with the job. Looking forward to refining what I know in future updates
Great info Paul - thanks!
Super informative
❤
What if we lose these? How to regenerate?
Hey there, great question. As with most secrets in AWS, once created and viewed, you cannot recover them. You can follow this same procedure to create a new one instead. If you have any other questions, join us on Discord - discord.gg/MeFeRs99 - we're happy to help!
will this work when we try to deploy to a VPC peering setup ?
Hey there! We are currently doing a deploy using the default VPC. So as long as the default VPC have that configuration, it will work. If that's not the case, feel free to open an issue in our repo, or contact us through our Discord channel - discord.gg/MeFeRs99. We have a plan to add the ability to create a new VPC or use an existing one in our roadmap. So stay tuned!
This was some shit tier "tutorial."
AWS is promoting the "AWS IAM Identity Center" (successor to AWS Single Sign-On). I do not use this IAM console and therefore I cannot create my keys according to this video.
@joccafi thank you for pointing this out to us. An updated video may be in order. Feel free to join our Discord and we can help you out if you have other questions. 😃 discord.gg/8kvYRdy8
it's possible to force to run unittests and if all them passed, then deploy?
Hey @MrDanBailo! Great question and I saw you found our Discord. Thanks for popping in and asking your question there. I know Leo is working on getting you a good answer. 😊
How would you integrate global state management? Lets say you have two components that are using same data from same API. In general, it would make two API calls as they're to independent components right? How would you create a state layer that handles this once?
Hey @Canneverdoit these are great questions. I'd love for you to jump in our Discord server and I can have the creator of react-to-webcomponent answer these directly. The join link is here - discord.gg/J7ejFsZnJ4
I appreciate your work,the problem is how do I understand the folder of the repo u gave
Hey there! We'd love to help. Can you give us a little more insight into what you're trying to understand? If it's easier, join our Discord so you can send over screenshots, etc. discord.gg/J7ejFsZnJ4
I love it ! so simple ,easy , neat...everything I need
Hey Karen! We're so glad you found it useful!
Oh hey, it's me :D
Hi Would you do three.js video with angular ?
Hey Nikolas! Thanks for the recommendation - our devs liked this idea a lot! We don't have a Twitch stream scheduled with three.js as of right now, but we're keeping this one in mind as we think about our next projects. And we'll be sure to post our Twitch schedule on our Discord, so feel free to join us there - discord.gg/J7ejFsZnJ4
That’s the most incredible plug-in I’ve ever used !
Perfect!!
How to access logs ?
Hey Sóstenes! We saw you also posted this in our Discord community. Thank you 😊 One of our DevOps engineers will be connecting with you shortly. In the meantime, you may find this short video helpful: ua-cam.com/video/6cYH2clPUCg/v-deo.html
@@Bitovi thank you so much !!
Great interview, Heatherlee!
how to create a env in container or pass env file in container ?
Hey Ankush! Great question. There is a specific section in the README (github.com/marketplace/actions/deploy-docker-to-aws-ec2#environment-variables) for this specific question. We allow multiple sources, all available in your app folder inside your EC2 instance as an .env file. Of course, if you have trouble finding it or just want to connect, join us on Discord: discord.gg/J7ejFsZnJ4
Where we can find all the assets used i-e fonts and characters? or any github repo
Hey Samiullah! Great question, the repo for the first two weeks can be found here: github.com/claviuss/clavius-adventures and other assets (like the UI design components) will be added as the devs continue to work. I see you already found us on Discord! Let us know if you have other questions!
@Bitovi yeah I found the discord channel later at the end of video, hence I commented here first. Usually these information are in the description so we can follow along. But all good now thanks for replying 🙂
is it compatible with the aws free tier?
@santy_dev Yes, this github action supports the free tier AWS. However be aware that you, as the implementer, will need to ensure the resources that are used are free tier. For example, the EC2 instance size should be t2.small to ensure free tier resources are used.
If you have more questions, feel free to reach out to us on Discord - discord.gg/J7ejFsZnJ4
i think it's t2.micro not small *cmiiw @@Bitovi
Lol I was wondering the first 20 minutes like I am so surprise they are not using any rxjs to handle loading the assets functionality in the beginning. Which really made me a little proud of myself because I could sworn hated using rxjs but the whole time I was thinking there has to be a better way!!!
Akilah! We love this reaction - good catch! We're happy you watched and enjoyed this stream. Feel free to join us on Discord to stay up-to-date on our latest Twitch events. discord.gg/J7ejFsZnJ4
How did you bundle the react app to a single js file? Webpack/CRA/Vite?
Hey Arul! Great question. Check out our blog posts about react-to-webcomponent here: Vite: www.bitovi.com/blog/react-everywhere-with-vite-and-react-to-webcomponent CRA: www.bitovi.com/blog/how-to-create-a-web-component-with-create-react-app If you have more questions, always feel free to reach out to us on Discord - discord.gg/J7ejFsZnJ4
hello, any way we can use an existing ec2? thanks
Hey Huzail, Thanks for your suggestion! Our action can’t use an existing EC2 at this time. That said, this is a fantastic feature request for a future enhancement! If you haven’t already created an issue ticket for the enhancement, we will be sure to post it up in the next 24 hours. And stay connected with us by joining our Discord server, we can keep you updated there. discord.gg/J7ejFsZnJ4
@@Bitovi hello, where do i create a issue ticket? thanks
@@huzailhassan4021 You can find the repo on GitHub here: github.com/bitovi/github-actions-deploy-docker-to-ec2/issues
@@Bitovi is posible to work with existing EC2 now?
@@BorysPratsiuk thanks for checking in! It is not possible at this time. However, we do have it on our roadmap.
How to do it for microservice based app?
Hi there! Thanks for your comment. To deploy a microservice into a microservice mesh, a “deployment” would need to be created per microservice. Mutilple microservice deployments can share a single Github Workflow, or alternatively you could create a Github Workflow per microservice. We’ve created a handy guide on how you can create workflows for your containerized application (www.bitovi.com/blog/deploy-any-docker-project-to-aws-with-github-actions). Hope this helps! And join us in our Discord community - discord.gg/J7ejFsZnJ4
I have a stack in cloudformation and there I create a ec2 instance, how I can indicate to push this image into created by cloudformation template ec2 instance?
Hi there, Thanks for your comment! Unfortunately, our action doesn’t currently support Cloudformation. But we have another solution for you! Our action will create an EC2 instance and manage the stack for you using Terraform. Everything doable in Cloudformation is achievable in Terraform (and more). We created a blog to help use the action (www.bitovi.com/blog/deploy-any-docker-project-to-aws-with-github-actions). Of course, if you have any other questions we are around in our community Discord (discord.gg/J7ejFsZnJ4). We hope this helps!
How to create such an action that runs a custom Dockerfile?
Hey based! Great question. To run a custom Dockerfile in a composite action, you can use the “using: ‘docker’” property of the runs section. runs: using: ‘docker’ image: ‘Dockerfile’ Here is an example: github.com/bitovi/github-actions-deploy-eks-helm/blob/main/action.yaml#L89-L91 If you have any further questions, feel free to hit us up on Discord: discord.gg/J7ejFsZnJ4
We also have DevOps Office hours every Wednesday at 12pm CT. Pop in anytime, here’s the link: meet.google.com/sbw-nchp-qsw?authuser=1&hs=122
@@Bitovi Thank you so much for this information. I was able to do it by looking a multiple examples from GitHub, including the one you've provided. I'm wondering why it's not in the documentation though :)
@@based3765 The documentation should be right here: docs.github.com/en/actions/creating-actions/creating-a-docker-container-action#creating-an-action-metadata-file :)
Very cool concept. Thanks for sharing. Greeting from Munich, Germany
Hey Derber! We're glad you liked the content. If you ever have questions or want to chat about projects you're working on - join us on Discord. discord.gg/J7ejFsZnJ4
Very Informative video! Thanks for sharing!
Thanks for watching! We'd love to hear about the dev projects you're working on. Come hang out with us on Discord - discord.gg/J7ejFsZnJ4
Thanks, that helped me a lot!
Glad it helped!
Nice video. How do I get my AW_ACCESS_KEY and so on?
Hey Derber! This was such a good question that our DevOps team created another video just to answer it - ua-cam.com/video/C4H81Sk8GEk/v-deo.html Let us know how it goes and thanks for inspiring a new video!
And if you have additional questions, we're always around to answer questions directly in our Discord - discord.gg/J7ejFsZnJ4
I tried following this, but using typescript. Had a bad experience...
Hey Pedro! So sorry you had a tough go of it with TypeScript. Full Typescript support is in the works, but for now you still need PropTypes with Typescript as the R2WC library is using the PropTypes definition to map web component attributes to React props. If you add this file into the mix - github.com/rjspencer/r2wc-checklist/blob/main/src/index.tsx - you should be set. We should have included the TypeScript index file into the description earlier, thanks for pointing that out! Let us know if this works. If you have any more trouble, feel free to ask any questions in our Slack channel - bitovi-community.slack.com/archives/CFD3N8N6T
Very good content! I just created a modal window web component and will probably never be writing another modal window functionality ever again. This is so practical and effective!
Heck yes, we're glad this was helpful. Building out a modal window is a perfect use case for web components.
Like the memorization decorator. I never had a use case to ask server to transform text. Do you think is it a good idea to apply the transformation before it was rendered by ngfor?
Muchas Gracias!!!!!