• Breaking News

    Saturday, August 1, 2020

    Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread web developers


    Monthly Getting Started / Web Dev Career Thread

    Posted: 01 Aug 2020 05:11 AM PDT

    Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

    Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

    Subs dedicated to these types of questions include r/cscareerquestions/ for general and opened ended career questions and r/learnprogramming/ for early learning questions.

    A general recommendation of topics to learn to become industry ready include:

    HTML/CSS/JS Bootcamp

    Version control

    Automation

    Front End Frameworks (React/Vue/Etc)

    APIs and CRUD

    Testing (Unit and Integration)

    Common Design Patterns (free ebook)

    You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

    Plan for 6-12 months of self study and project production for your portfolio before applying for work.

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

    [Showoff Saturday] I made a website that combines your tutorial of choice, an in-browser IDE, and a live preview into a single window

    Posted: 31 Jul 2020 10:26 PM PDT

    [Showoff Saturday] Web app that shows the age of each actor in a movie or TV show at the time it was shot

    Posted: 01 Aug 2020 09:34 AM PDT

    [Showoff Saturday] I made a lightweight typing animation library that mimics human typing.

    Posted: 01 Aug 2020 02:48 PM PDT

    Surchin - a simple chrome extension for searching your favorite sites from new tab!

    Posted: 01 Aug 2020 01:10 PM PDT

    [Showoff Saturday] One of my favourite study websites is getting taken down, so I decided to build my own!

    Posted: 01 Aug 2020 10:15 AM PDT

    Recommended favicons?

    Posted: 01 Aug 2020 11:47 AM PDT

    I am working on my portfolio site, and use Lighthouse tests to improve it and reduce any errors. I have reached a performance score of 99, and I believe the number of requests I am making for favicons (16) is too much.

    I checked web.dev and they recommend 192x192 png and 512x512 png for Chrome.

    I was wondering if there was a list/guide for recommended favicon sizes and formats that covers all the browsers (or at least the popular ones)

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

    AniX - Stream Animes

    Posted: 31 Jul 2020 05:37 PM PDT

    Working on a website 'inspired' by YouTube (student project)

    Posted: 01 Aug 2020 10:19 AM PDT

    I created a site called DOOZY to make hosting quizzes with friends and family as simple as possible. Any feedback would be greatly appreciated!

    Posted: 01 Aug 2020 04:57 AM PDT

    My first project!

    Posted: 01 Aug 2020 02:26 PM PDT

    Hi everyone, i wanted to share the first website i created after 5 months of learning and deciding what i wanted to create as a first project, which was really stressful. I wanted to display data in some way and this led me to try to learn threejs, which didn't work and i felt that it wasn't the right way to do it. Before that i also tried to learn angular because honestly i had no clue of where to start at. I learned without any course and mainly watching tutorials at first and now reading documentation and stackoverflow. I think most tutorials are really bad and getting yourself away from them might improve your understanding, at least that is what it did for me. What this app does is, allows you to upload a csv file, which is then uploaded to a google-cloud-bucket ( I did it this way because i thought about saving these file names into the database attached to their corresponding user, but i was honestly done with it at this point). After this, the file is being downloaded from the bucket and turned from a buffer to a string and saved into an json that is forwarded to the client fetch request. This json is then turned into a string and pushed into an array which is then read by the chartjs lib and displayed in the canvas. It also has a login and signup option, it is working and stored in a postgresql database, this was done mainly because as i said above i wanted to attach the filenames to their corresponding user id. There is an option on the website about removing rows which is not functional at the moment, i might update it in the future but now i wanted a break to study and do some other things. Also, by default this webapp calculates the mean of each row number, there is a button called view full size chart that removes this calculation and display all numbers and variables in the csv. I seriously lack in css skills which i will be improving in the next project hopefully.

    Anyway, here is the link to it and the github repo which has instructions about how to do it, in case anyone wants to do it too. There is more inside the server.js file too:

    https://csv-convrt.herokuapp.com/

    https://github.com/Rogerpeke97/Csv-converter-server-config

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

    The problem with Lighthouse (web.dev) as a performance barometer

    Posted: 01 Aug 2020 11:54 AM PDT

    We all want to quantitatively measure the performance of our projects, but as I've seen Lighthouse become increasingly regarded as some "standard" I wanted to share some issues with the community here and get your weigh-in.

    First, Lighthouse should be smarter than it is. My main gripe here is that it docks points for "Best Practices" and "Performance" for a site if you plug in the apex domain without explicitly stating https:// (and it will also complain about redirects if you forget a trailing slash). If a site properly redirects from http to https any human auditor would say "working as intended - following best practices". It's so basic, but lighthouse doesn't acknowledge that. Your average user does not, and will never, type out the protocol + FQDN (especially on mobile, which lighthouse tests against).

    My other gripe is its insistence on using a CDN for images, but not respecting CDNs that handle image processing via query parameters. You will get a warning about "properly sized" images because it only looks at the image's intrinsic size, not what is actually delivered. This tanks performance scores, as well as messing up what's counted as your LCP (which accounts for 25% of the Performance metric in Lighthouse v6)

    This isn't so much a rant against Lighthouse - I think it's a good tool - but we should not be using it as a de-facto standard to measure how performant sites are in the real world.

    At best the scores need to be looked at through a lens, at worst it can give a skewed impression (and can absolutely be abused to create criticism where none should exist).

    Just as a fun exercise I ran web.dev itself through Lighthouse. The result is rather amusing: https://imgur.com/a/Xm5oWBC

    tl;dr: We shouldn't rely on the performance metrics for Lighthouse as much as it seems the community does.

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

    [Showoff Saturday] Another one of those online Codenames websites, but different.

    Posted: 01 Aug 2020 01:32 PM PDT

    Try it out now, at https://pseudonyms.brandon-wang.com/

    Over the past several months, I've played on a bunch of different codenames sites, each with different features and shortcomings. So, I decided to make my own version of the game (I know there are a lot of these now) that tries to combine all of the good features of each individual site. It's free to play and open source!

    If you've never played Codenames before, Pseudonyms explains the rules and walks you through its gameplay. It's a great game to add to your itinerary for quarantine game night! Gather your friends over a video call, or even play with your family.

    Some of the things that Pseudonyms features include:

    1. A new game mode: Duet. This is a collaborative twist on the original game you can play with as few as two people.
    2. Custom words! I've added some built in wordlists include some wordlists from the original game. But even if these wordlists get boring, players can use their own!
    3. A timer for those slow spymasters. Pseudonyms lets the admin choose a time limit, defaulting to unlimited. But if you want to speed things up, you can set the timer to 2 minutes, 1 minute, and even 30 seconds (for an extremely stressful game).

    Pseudonyms is not perfect, and I want to make this game even better. So please comment your feedback below!

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

    Stack choice etc for cheap shared hosting?

    Posted: 01 Aug 2020 01:19 PM PDT

    I currently use Django + Vue to make SPAs, but something I don't like about it is that the web hosting is relatively expensive compared to back when I would just make simple websites with PHP and JQuery.

    These modern stacks require you to have your process running on the server, and that requires you to upload to sites that charge probably at least $5 each month.

    Otherwise with the cheap shared hosting I could get an entire year for almost the same price.

    So, I wonder what would be the best frameworks etc if I want to use cheap shared hosting? Also, I'm not sure how scaleable they are? In case a site finally begins to get a rapid increase of users after a couple of years of almost no traffic?

    Or do you think it would be better to use those new type of servers that AWS has? I haven't read too much about them, but they have a unique pricing where you aren't paying by time running, but instead by the amount of server requests or something like that. And if you are making just a simple SPA site, you might have almost no server requests at all.. and end up paying perhaps even less than you would if you were using a cheap shared web host. This would also let you use your favorite frameworks.

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

    Newbie question: code in javascript or back-end?

    Posted: 01 Aug 2020 11:50 AM PDT

    I've been developing a website where the value is a very large dataset that is analyzed based on user input. I've been writing all of the fancy analyses in javascript (pulling from a mysqli database via php), thinking that it would save hosting costs to have the processes done client-side (but not really having a clue. My background is in stats/data science, not webdev). I'm now realizing that this means competitors could steal my code, and, as part of my website is product comparison and affiliate marketing, there would be incentive to do so.

    So... Did I just make a huge mistake? Should I be making Python scripts or SQL queries that run server side so visitors can't copy the code? Am I really saving any hosting costs by making the site front-end heavy? I think I just need some guidance on how you structure a rich responsive website like this, and sorry in advance for sounding naive - it's cause I am :).

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

    My friend and I built a web hosting platform where you can deploy your web apps with just a few clicks

    Posted: 01 Aug 2020 12:31 AM PDT

    What advice would you give to your younger self when learning god damn Javascript?

    Posted: 01 Aug 2020 10:23 AM PDT

    It. won't. stick. I understand the concepts, I just don't know how to build anything. I've been trying to learn it for a while now to bring my projects to life but no bueno.

    What advice would you give to yourself when you first started learning JS?

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

    Using multiple Heroku logging add-ons simultaneously

    Posted: 01 Aug 2020 02:03 PM PDT

    Is it ok to simultaneously use both Papertrail and LogEntries logging with the same Heroku application, or could that cause issues?

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

    Discuss: Does CSS Variables replace CSS-in-JS for you?

    Posted: 01 Aug 2020 12:21 PM PDT

    I started playing around with CSS variables and it feels like they are pretty awesome with a lot of potential.

    One of the major benefits of CSS-in-JS solutions (like styled-components or emotion or etc) was how easily you could incorporate values from JS across the style rules. But now Variables make that pretty easy too. And those CSS-in-JS libraries have some big downsides - they come with a ton of complexity, they're not as easy to use as writing plain css, and they're not very future proof. In 5 years are we going to be happy with a giant complex app written in today's (soon-to-be-obsolete) version of Styled-components or etc?

    Is CSS-in-JS still worth the headache or is it time to drop it in favor of vanilla CSS with variables? Discuss

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

    I created a website in 7 days to data mine new movies and find ones I can watch online

    Posted: 01 Aug 2020 01:16 PM PDT

    GraphAV - A graph algorithms visualizer built using React and Typescript (links i comments)

    Posted: 01 Aug 2020 04:49 AM PDT

    Is there any website to improve in css with mini challenges? (I know how to use css, the problem is knowing which of its attributes to use).

    Posted: 01 Aug 2020 03:08 PM PDT

    I need mini challenges, not that I am asked to put together a full page, something that takes up to 10 minutes each challenge.

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

    In need of a localized subscription based delivery website

    Posted: 01 Aug 2020 02:59 PM PDT

    I'm launching an indoor produce company, and want customer accounts on my website to only allow monthly subscription purchases for everyone living in a certain zip code.

    Is there any service that streamlines this request?

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

    Issues with my website

    Posted: 01 Aug 2020 02:53 PM PDT

    Hello guys, I built a website and I upload the files into cpanel, but sometimes the websites works perfectly and other time it redirects to the hosting default web page and I don't know why it's doing this. I'm trying to fix for 2 days now but still haven't found a way I would really appreciate if someone could help me. Thank you

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

    Mizu - An Interactive ADT Visualizer. Still in pre-beta stages, a work in progress. Let me know what you think!

    Posted: 01 Aug 2020 10:54 AM PDT

    No comments:

    Post a Comment