• Breaking News

    Saturday, October 24, 2020

    Home Unlabelled Moderator Poll: Where are you in your web dev career right now? web developers

    Moderator Poll: Where are you in your web dev career right now? web developers

    October 24, 2020

    Moderator Poll: Where are you in your web dev career right now? web developers

    Moderator Poll: Where are you in your web dev career right now?

    Posted: 23 Oct 2020 11:17 PM PDT

    /r/webdev recently hit 600K subscribers and we have no idea what makes up the actual demographic of this community. I am looking to gather some information on the demographic of the users of this sub to help guide decisions about the direction of our rules and moderation approach as we continue to grow.

    View Poll

    submitted by /u/LeeLooTheWoofus
    [link] [comments]

    Complete Docker Course (~3 Hours, Free)

    Posted: 24 Oct 2020 09:12 AM PDT

    Hi there 👋

    I created a complete Docker course, which I think could be interesting for some of you.

    .

    By the end, you will have a deep understanding of the concepts and a great overall big picture of how Docker is used in the whole software development process.

    .

    The course is a mix of animated theoretic explanations and hands-on demo's to follow along, so you get your first hands-on experience with Docker and feel more confident using it in your projects.

    .

    Demo project: JS/NodeJS/MongoDB/MongoExpress

    .

    COURSE OUTLINE

    What is Docker?

    • What is a container and what problems does it solve?
    • Container repository - where do containers live?
    • Development - before/after container
    • Deployment - before/after container

    .

    What is a Container?

    • What is a container technically? (layers of images)
    • Demo part (docker hub and run a docker container locally)

    .

    Docker vs Virtual Machine

    .

    Docker Installation

    .

    Main Docker Commands

    • docker pull
    • docker run
    • docker ps
    • docker run --options
    • docker stop
    • docker start
    • docker ports, docker port mapping

    .

    Debugging a Container

    • docker logs
    • docker exec -it

    .

    Demo Project Overview - Docker in Practice

    .

    Developing with Containers

    • Pre-Requisites
    • what we will do in this part
    • 1st part: The JavaScript App (HTML, JavaScript Frontend, Node.js Backend)
    • 2nd part: MongoDB and Mongo Express Set-Up with Docker
    • Docker Network concept and demo
    • 3rd part: Connect Node Server with MongoDB container

    .

    Docker Compose - Running multiple services

    • What is Docker Compose?
    • docker run commands VS docker compose
    • How to use it? - Create the Docker Compose File (Demo)
    • Docker Networking in Docker Compose

    .

    Dockerfile - Building our own Docker Image

    • What is a Dockerfile?
    • How the Dockerfile commands map to the image environment
    • Create the Dockerfile (Demo)
    • Build an image out of the Dockerfile
    • Start the Application to verify: 1) App starts successfully 2) App environment is configured correctly
    • do improvement - copy only relevant files

    .

    Private Docker Repository - Pushing our built Docker Image into a private Registry on AWS

    • Create a Private Repository on AWS ECR
    • Login to AWS (docker login)
    • Image Naming concept in Docker registries
    • docker tag to include the repository name in the image name
    • Push the Docker Image to the Private Repository
    • Make some changes to the Application, rebuild and push a new version to your AWS repository

    .

    Deploy our containerized application

    .

    Docker Volumes - Persist data in Docker

    • When do we need Docker Volumes?
    • What is Docker Volumes?
    • 3 Docker Volumes Types
    • Docker Volumes in docker-compose file

    .

    Volumes Demo - Configure persistence for our demo project

    .

    Appreciate any feedback and hope the content is valuable for some of you 😊

    submitted by /u/Techworld_with_Nana
    [link] [comments]

    I've spent a year building an uptime monitoring service. More than 800 hours for backend/frontend and design. A lot of screenshots inside.

    Posted: 24 Oct 2020 05:16 AM PDT

    I've spent a year building an uptime monitoring service. More than 800 hours for backend/frontend and design. A lot of screenshots inside.

    UPDATE

    Since many people fairly noticed that the price is a bit high compared to similar services, and just because I so much shocked that this post got some traction, I'm okay with 50% discount for any type of subscription (except life time deals). Use LOVEREDDIT promo code.

    If you have something to say, like feature suggestions or you have your own pricing in mind, just drop me a line on [support@pingr.io](mailto:support@pingr.io) or https://twitter.com/vponamariov

    ___________

    ​

    My first post here, I hope it's alright to publish such content on Saturdays. If not, sorry in advance.

    Here it is: https://pingr.io

    I want to tell you my long story, but I'm pretty sure not everyone likes long reads, so TL\DR first

    What it is

    Basically, it checks that your site is online. If it's not it notifies you via different channels, like email/slack/Telegram/SMS/webhooks.

    Tech Stack

    - VueJS 2 for the frontend

    - Laravel 7 for the backend

    - MySQL as database

    - Redis for queues

    - 7 VPS from Digital Ocean

    ​

    Now, the long story

    I've been building my product from September 2019 to May 2020. Then I got burned out, and returned to working on it in August. I spent more than 800 hours, working at cafes, restaurants, home, work, gym, Starbucks, furniture shop, at parents. I worked at nights, in the morning, during the day. I even lost 8 kg of weight :D

    Spent up to 1000$ in total on servers and services.

    While others have built the same thing in ~3-5 weeks and spent no money. How come?

    How I came up with the idea

    I've been always looking for ways to make some money :) However, not every way suits me. I don't want to open a store or sell fridges. Everyone has some preferences, some weak sides, and strong sides. Something they love and something they hate.

    So I'm in love with making a product which looks good and pleasant to use. I'm in love with interfaces, how they look, and how feel. I'm the one who gets irritated when the text margin is 7px but it should be 8px. But somehow it turned out that I'm not a designer, I'm a developer who loves design.

    Once I was talking in a chat and someone mentioned https://uptimerobot.com/. But I went to the site and was shocked: what an ugly UI it had. The idea thought was super clear and looked easy to implement.

    So I immediately liked the idea to implement something I understand and something which can be done better. Also, at my full-time job I'm not always able to implement things how I see them. Besides I'm not the only person who affects the product. So I really wanted to make something.

    ​

    Yet another uptime monitoring? Why?

    Because why should I spent time making some vague things which I should validate first and there will be a big risk they won't be used by others? In my opinion, there are two ways: you build something unique and take the high risk (as well as the probability of high success), or you build something which is validated and used by others, with low risk (and probably not that high success).

    I also wanted to make something which is better, which I'm responsible for and which I understand.

    ​

    Why it took so long?

    First of all, let me say that I'm not claiming I'm a good specialist, even though I worked in IT for quite a long time. I think that the experience you get in IT is never enough and you always learn. I learned in every project I worked with, all the time.

    At the first glance, the task itself looks easy: you just need to ping the site, basically, send HTTP request and check if the request was successful.

    But the more I worked the more I came across lots of pitfalls, lots of things which are not obvious.

    How do you ping 1000 URLs in a minute from many locations and put all this in a database, calculate all these indexes like average response time, uptime etc? In a couple of days, you have like 2 million checks in the database. How long should I store them? A year? Will I end up with billions of rows?

    How to maintain many servers? What if something goes wrong with one of them? How to fix all the CPU/Memory issues, which happens occasionally and you cannot easily reproduce this?

    How capable the server is, how much checks it may perform per minute? Did you know that server in India makes fewer checks than in New York, because the Internet connection is slow in India?

    Should I notify users if the site goes down? Of course, I should. If it goes down from one server or multiple? How should I notify them? Which server should notify them?

    I spent a lot of time working on the UI. Like, really a lot.

    Here is some history of changing the UI.

    First Screen (Monitors list)

    First version

    Looks better

    Removed some noise

    Adding a new monitor

    ​

    Ugly complex form

    One input only

    ​

    Monitor overview

    Icons take all user attention

    Looks better

    Notification settings

    All in one place

    Separated tabs

    Monitor Settings

    Again, everything on one page

    Separated in tabs

    ​

    Btw, Here is the places I worked at https://medium.com/@victor.ponamariov/places-i-work-at-on-my-side-project-c7ae5d30c7a9 :)

    ​

    If you have any questions or want to chat DM me here https://twitter.com/vponamariov

    submitted by /u/VictorPonamariov
    [link] [comments]

    [Showoff Saturday] I Built a fully open source Netlify that works on top of your AWS account

    Posted: 24 Oct 2020 11:37 AM PDT

    How do I deploy a backend?

    Posted: 24 Oct 2020 02:15 PM PDT

    How do I deploy a backend that will eventually be scalable and easy to maintain? Or, where should I go to learn?

    I want to: - deploy a REST API, with WebSockets that should be able to handle potentially many concurrent connections - be able to store user sessions in a Redis cache - store data in a scalable SQL database - be able to continuously deploy as I push code

    I'm confused by the number of services and options I have. - I'm not interested in Firebase, or similar services, because I don't want to be locked in. - I'm not interested in cloud functions, or lambda functions, I don't want to deal with cold starts

    Do I: - Use Amazon EC2, or some other container service? I'm not sure if this is what they're even for. Would these services help me spread connections and requests across multiple containers? - Use a managed SQL database like RDS, or DigitalOcean managed databases? Will this be cost-effective in the long run? What other ways do I have to handle my database? - Use something like Elasticache for Redis? Is there something else I can do here too? - How can I implement a CI/CD pipeline along with all this?

    Any advice would be greatly appreciated. Any recommendations for books or other resources to learn would also be appreciated.

    submitted by /u/x_mk6
    [link] [comments]

    Created a web game PWA with vanilla JS where you must find the differences in classic horror movie posters, and self-hosted it in time for Halloween.

    Posted: 24 Oct 2020 07:53 AM PDT

    I created a pack of 9 portfolio / overlay link animated templates!

    Posted: 24 Oct 2020 03:27 PM PDT

    This week I published v1.0 of cosha! It's super tiny (>1kb) and lets you attach shadows to images which correspond with the colors inside of them!

    Posted: 24 Oct 2020 12:12 AM PDT

    [Showoff Saturday] I have finally made a MVP for an idea I had: an app to watch twitch clips from your favorite games.

    Posted: 24 Oct 2020 03:38 PM PDT

    I created "WHY DIDN’T I BUY?!" – My first website where users can review and highlight issues they have with products/manufacturers.

    Posted: 24 Oct 2020 04:34 PM PDT

    I created "WHY DIDN'T I BUY?!" – My first website where users can review and highlight issues they have with products/manufacturers.

    I made a review website where users can highlight the issues they have with a products or the product owner. The site then summarises the issues into groups for easy viewing for both shoppers and product owners.

    The website is WHY DIDN'T I BUY: https://whydidntibuy.com/

    ​

    Iamge Screenshot below:

    The iPhone 12 page

    Why did I make it?

    "As many of you, I have sometimes been disappointed with upcoming and released products. However, online outlets to voice opinions are usually scattered, too long and/or not really actionable in the eyes of large companies.

    Why Didn't I buy was a project created to provide a solution and consolidate the issues consumers have with products and their owners. Reviews are aggregated to a format that both consumers, brands, creators and publishers can hopefully view quickly" (snippet from my "about me" page)

    This was my project to help me learn php (Laravel), HTML and JavaScript (Vue). It took me more than 3 years to make, because I still will work a full time 9-5 in sales. I am finally comfortable to release an MVP which I hope will grow and be useful. I also hope to make some residual cash from this, seeing as times are hard (thanks 2020).

    I will add more to my story, I am just in a rush to get this though on time for "Show off Saturday"

    submitted by /u/vibezad
    [link] [comments]

    Built and released an online math worksheet application with randomly generated numbers!

    Posted: 24 Oct 2020 09:56 AM PDT

    Built and released an online math worksheet application with randomly generated numbers!

    https://www.algebrah.tech/train

    In the past few months, I learned React by building an online math worksheet app with randomly generated numbers. This app also has other features such as math flashcards and being able to compare 2 math expressions.

    What would you guys like to see in this webapp that you think would be useful / cool for people who enjoy math?

    https://preview.redd.it/0vag7kkro2v51.png?width=3022&format=png&auto=webp&s=c5ff352b283086b238c54def316b9ebe221cd562

    Reason for making this: I've seen a bunch of math worksheet generators online, but never found any online math worksheet application. I wanted to recreate the experience that kids had back in elementary school when they had to solve x# of problems in a minute, or how long it'd take for them to solve x# of problems. One major goal of this app is to provide a platform for helping kids solve math problems online, while also providing a nice user experience.

    submitted by /u/lilsuperhippo
    [link] [comments]

    Composer 2.0.0 has been released

    Posted: 24 Oct 2020 02:50 AM PDT

    [Showoff Saturday] Created a site to help you find new books to read

    Posted: 24 Oct 2020 03:30 PM PDT

    Looking for portfolio advice

    Posted: 24 Oct 2020 12:55 PM PDT

    Hey guys,

    I've been coding for about a year and like many of you, I'm looking to get hired ASAP.

    I'm looking for any constructive criticism or advice to help me break into this field.

    My portfolio is www.dustinkiselbach.dev . I've settled on this design for now, however I know there is more that I can add that will improve my chances of being hired.

    Anything I can add or change? Any red flags?

    Thanks so much!

    submitted by /u/ddk0035
    [link] [comments]

    Created "Vote for What" - Search ballot initiatives on the upcoming election across the entire country and set up notifications

    Posted: 24 Oct 2020 02:19 PM PDT

    Created "Vote for What" - Search ballot initiatives on the upcoming election across the entire country and set up notifications

    "Vote for What" allows users to easily search for ballot initiatives based on location and keywords, and set up notifications on future ballots matching their search. What this means:

    Ballot Searching: Without ever having to sign up, you can search for ballots matching your query throughout the entire country or just the ballots matching your state and get a simple explanation of what a "Yes" vote and what a "No" vote would mean for you as a voter.

    Ballot notifications: You can set a notification on any subject matter such as abortion, gun rights, or healthcare, and receive text notifications wherever you are the instant a ballot matching your query is added anywhere in the country. Simply sign up with a valid phone number. Notifications can be disabled at any time.

    With the November 3rd election coming up make sure you go into the booth armed with the information to make your own well-informed voting decision! Hope you all find it useful! :)

    https://www.voteforwhat.org/

    ​

    Search

    ​

    ​

    \"Yes vote\" vs \"No vote\"

    submitted by /u/plushyyy
    [link] [comments]

    A new VS Code extension for Gatsby!

    Posted: 24 Oct 2020 02:10 PM PDT

    Our team released GatsbyHub a few days ago!

    https://marketplace.visualstudio.com/items?itemName=GatsbyHub.gatsbyhub

    GatsbyHub is an open-source extension for Visual Studio Code that offers an interactive GUI for gatsby-cli.

    GatsbyHub allows you to browse Gatsby plugins, starters, and themes without ever having to leave VS Code. Create a blazing fast, modern app with a single click or check out the many starter templates available. Start a hot-reloading development environment by simply clicking the status bar icon. Configure GraphQL queries using Gatsby's built-in instance of GraphiQL. For advanced customizations, please refer to the Gatsby docs and edit your user settings.

    We are in beta so we'd greatly appreciate any and all feedback!

    p.s. please check out our github and star it if you like it! Maybe even fork it if you're feelin' feisty hehe

    https://github.com/oslabs-beta/GatsbyHub

    submitted by /u/ElSabroso24
    [link] [comments]

    Hello everyone! Could someone be so kind to look at my portfolio and my best project out of them all and say whats good/bad? :)

    Posted: 24 Oct 2020 03:07 AM PDT

    Hello!

    I would greatly appreciate if someone just took a look at my both portfolio website and my best project which is GetHired. Also would be thankful if you took a look at the GetHired github, to see whats good whats bad. Even a 60 s look is greatly appreciated , since I am self-taught , so I need all the critisism I can get :)

    This is my portfolio website : https://benz0is.github.io/Portfolio/

    This is my best project: https://get-hired-rokas.herokuapp.com/

    and github: https://github.com/benz0is/GetHired/tree/master/Desktop/java/Job

    ​

    Have a nice day :)

    submitted by /u/benz0is
    [link] [comments]

    I've made app that creates night sky comment from your emojis. Looks good on instagram.

    Posted: 24 Oct 2020 06:59 AM PDT

    GitHub Game Off hackathon - build a browser-based game ��

    Posted: 24 Oct 2020 01:38 PM PDT

    I created a Chrome Extension Starter Kit and Ebook for devs

    Posted: 24 Oct 2020 01:38 PM PDT

    [Showoff Saturday] I made a tool to convert any image to a valid HTML table consisting of thousands of pixel cells

    Posted: 24 Oct 2020 04:38 AM PDT

    Whilst working on a number of email template projects I found that images would often break the design due to security issues in Mail clients. As an experiment I created a script that converts every pixel of an image into an individual cell of a table. This works great with small graphics an icons in emails. Let me know your thoughts!

    https://github.com/jakerb/ImageTable

    submitted by /u/jakobitz
    [link] [comments]

    Game of Life variation. Wife not impressed, but infant is fascinated by the colors.

    Posted: 24 Oct 2020 12:05 PM PDT

    I've written a gulp plugin that lets you easily and performantly resize your images! No outside dependencies like GraphicsMagick or ImageMagick needed!

    Posted: 24 Oct 2020 01:06 AM PDT

    Nuxt.js front + symfony back - how to do it on one server hosting?

    Posted: 24 Oct 2020 03:43 PM PDT

    Hey guys,

    I would like to ask a simple question that might not be that simple to answer =D

    Well I have a project that I would like to make as is it in title - use nuxt.js as my frontend which will consume api that will be done with symfony. It's easy to setup both servers locally, but what when I want to deploy the application? I would like to have it on one domain - as simple as that. I'm pretty sure it's possible to do somehow, like to have special routes configured(for example with prefix /api that would be the actual backend routes and all other routes would be done with nuxtjs router). Anyone have any idea how could I deploy an app on one server? Or any guide, best practice how to do this?

    submitted by /u/FeN11x
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment