Monthly Getting Started / Web Dev Career Thread web developers

Monthly Getting Started / Web Dev Career Thread
Wall-E & Eve with Pure CSS
restgis.com, SVG/GeoJSON data of any place in the world
New software development sub for brutally honest feedback (r/DestroyMyApp)
PayPal is raising their fees to 2.89% + $0.49 starting August 2, 2021
How can I create a unique link for each user to share their results on a website?
Could someone please help me with my next-auth authentication? I am having trouble with signing in.
OldNew Webdev
Does anyone else feel just completely out of their depth?
Is there any reason (perhaps from a security perspective) that websites use a two-stage login flow?
Pros and cons of manually hand writing a website by code (HTML, CSS, JS)
I've been juggling client projects where the primary Git branches are either "main" or "master". To ensure I always check out one of these two branches, I created a simple alias in my bash profile. I've found it useful, so wanted to share ��
What do HTML elements sound like?
I feel like I'm going down a rabbit hole with offline PWA and database integrity and could use a little perspective!
Where do you guys typically apply for dev jobs and get the most response back?
I cant figure out flexbox or grid.
What is this called?
What is or are ways to create scrollable timeline? Not the timeline that moves when page is scrolled but timeline itself scrollable? Like slider bit for timeline.
Favorite way to make a marketing website?
Question for devs who use more than one monitor
Place to find/pay for a code review?
any suggestions and feedbacks for my hobby projects?
Media Queries in Times of @container
ip-api.com forces you to pay to use https

Monthly Getting Started / Web Dev Career Thread

Posted: 01 Jul 2021 05:00 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]

Wall-E & Eve with Pure CSS

Posted: 01 Jul 2021 10:11 AM PDT

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

restgis.com, SVG/GeoJSON data of any place in the world

Posted: 01 Jul 2021 09:34 AM PDT

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

New software development sub for brutally honest feedback (r/DestroyMyApp)

Posted: 01 Jul 2021 03:22 AM PDT

The sub is r/destroymyapp

In my opinion, the best way for someone to make their app the best it can be is to give hard feedback. Tell me what sucks and why rather than sugar-coating it. The goal of r/destroymyapp is to provide a place for you to receive that feedback on your app, even if it's harsh.

Getting feedback from your friends and family often sucks, they will tell you what's good rather than what's wrong, which makes it hard to fix potential faults that could affect the performance of your app on release.

I've seen similar subreddits for getting feedback on games such as r/DestroyMyGame, and something similar for software design would be helpful. I know I would use it.

Come by, leave some feedback or post some indev/completed screenshots of your app and get some criticism.

Don't take anything personally. This sub wants to help make your app the best it can be.

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

PayPal is raising their fees to 2.89% + $0.49 starting August 2, 2021

Posted: 01 Jul 2021 09:38 AM PDT

Edit: apparently not everyone is getting the same new rates, so watch for the e-mail that came out today.

Edit 2: For reference, my previous rate, for being paid via PayPal Here app or people logging into their own PP account to pay me (not online sales) was 2.9% + $.30 per transaction

I know this isn't specific to webdev, but since a lot of people use PayPal for processing fees on sites, I thought I would share. And I put "raising fees", as usually those in webdev who are using PayPal generally are not at price point where they save money overall.

So if you calculate it out* until you have a sale of $1850.00 you are paying more with the new fees, and you are not paying less until the sale is at least $1951.00

Mainly until you hit around $50, you are paying the $.19 more

Note: * I didn't do down to "per penny" charges, and didn't do rounding till final difference

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

How can I create a unique link for each user to share their results on a website?

Posted: 01 Jul 2021 07:24 PM PDT

Hello, I have created a small app where a user can create a football roster and I would like the users to be able to share their results. My question is how can I have my site create a unique link for each user to share once they have their final roster created?

I guess they could just screen shot it, but i'd like to streamline it as much as possible. Thank you!

I'm an absolute beginner and created this with HTML/CSS/js + pulled the data from a local json file if this is of any use!

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

Could someone please help me with my next-auth authentication? I am having trouble with signing in.

Posted: 01 Jul 2021 08:40 PM PDT

I am using next-auth with Auth0 for my website. Right after I click the button to sign in I am directed to: http://localhost:3000/api/auth/signin/auth0 instead of my websiteURL/api/auth/signin/auth0. Within my code the NEXTAUTH_URL is set to https:// <my app name > .herokuapp.com

I am not sure why the localhost:3000 is showing up. None of the settings in my Auth0 dashboard are set for localhost and I can't figure out why I am being directed there after clicking "Sign in with Auth0". Is it likely that this is a default setting somewhere in nextauth?

Everything works fine when I set NEXTAUTH_URL to localhost and set the Auth0 settings to localhost. I am able to login and redirect to the correct page but not when I try to use my website url instead of localhost. I'm assuming that it works locally because it is redirecting to the localhost version of the sign in url like I said before but I don't know how to change that so it will instead redirect to my websites version of the sign in url: websiteURL/api/auth/signin/auth0

When I inspect the sign in page (pic) I can see that the form that is created by next-auth has "http://localhost:3000/api/auth/signin/auth0" as the action parameter and the input in that form has my website URL as a value and callback as the name of the input. If I can change the action parameter in the form it might work but I don't know where I would find that code or if it is automatically generated.

Does anyone have any ideas what is going wrong or how to fix it?

Any help is appreciated. Thank you.

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

OldNew Webdev

Posted: 01 Jul 2021 08:39 PM PDT

I have been developing web apps for a very long time. I was coding BBS systems back in the day. I personally keep up with all the latest trends and technologies for everything IT and run 20 servers at home personally. I have been doing sysadmin, development, and support for about 30 years. I recently changed from a job that got pigeonholed into a desktop admin to a webdev position because it paid more.

I have spent about a week looking over my predecessors spaghetti code and making small changes as requested. But I have questions... My issue is that he has the production and development websites wrapped up in the same composer bash script on the same server with 8 different vhost dirs. There doesn't seem to be any mysql backups, and the only backups are a folder that gets renamed to a date when a new version gets pushed out (this does not include the uploads). There are 8 websites wrapped into the same composer script and everything just seems to come out of one git repo, and then things get moved for whatever website it is supposed to be. The site uses Composer, Symfony, Drupal, and a bunch of other mixed up modules with some custom bash script controlling it all.

To me this seems like a hot mess and not the way to setup development and production. I would rather work on my local machine testing my code and push it to a repo for the specific website. Then having dev websites automatically grab new copies of the repo and when approved have a scheduled production site update. On top of that having multiple places to back up mysql, git and the upload files.

I spent the past week doing mysqldumps, writing scripts to setup vhosts and automate setting up a dev environment on my workstation separate from the production server. I feel like maybe the last guy who seemed to push out a few changes a month via git was just towing the projects down the line and refactoring things to hell. I have been documenting everything since there was zero information given to me, and setting up my dev env the way I think it should be. I have pretty much free run of the place and I am the only IT person in the group.

I am wondering if there are best practices out there for companies setting up webdev environments for 2021. Does anyone have any webpages that talk about sorting out a mess like this or have any suggestions?

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

Does anyone else feel just completely out of their depth?

Posted: 01 Jul 2021 03:55 AM PDT

I've been in web dev for 8 years now. Because of this it seems recruiters see me as a mid to senior dev. I never really struggle with coding, I get there in the end, but there's a lot of libraries and Frameworks that I've never heard of that seem common place in front end. I definitely don't see myself as a senior Dev at all and my boss doesn't either from what he has said in the past. I'm currently looking for a new job but most of them say 2+ years experience with "Insert extremely long list of requirements" And I look at it thinking jeez I couldn't even keep up with that in another 5 years how are they expecting what would essentially be a junior developer to know all of that to standard and it's paying £60-80k a year?! In the UK that's an extremely high wage btw.

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

Is there any reason (perhaps from a security perspective) that websites use a two-stage login flow?

Posted: 01 Jul 2021 02:29 PM PDT

I noticed that some websites such as Google, Microsoft and NordVPN use a two-stage login process. First they ask for the email address, then it asks for the password on a separate screen. I noticed this is becoming a trend in web development; I'm starting to see it a lot now.

Given that (in my opinion) it would be more straightforward to use a "traditional" form (where email + password are entered on the same page), I feel like there may be some benefit to this method.

Why do they do it this way? Is it better from a security standpoint?

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

Pros and cons of manually hand writing a website by code (HTML, CSS, JS)

Posted: 01 Jul 2021 02:41 AM PDT

Hi guys,

What are the pros and cons and hand writing every line of code for building a website?

And overall, is developing a website by hand more superior than using a website builder or CMS (wordpress, webflow etc)?

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

I've been juggling client projects where the primary Git branches are either "main" or "master". To ensure I always check out one of these two branches, I created a simple alias in my bash profile. I've found it useful, so wanted to share ��

Posted: 01 Jul 2021 11:44 AM PDT

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

What do HTML elements sound like?

Posted: 01 Jul 2021 10:10 AM PDT

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

I feel like I'm going down a rabbit hole with offline PWA and database integrity and could use a little perspective!

Posted: 01 Jul 2021 07:15 AM PDT

I'm writing a companion app for a game so users can keep track of the collectables they've found.

I knocked up a quick Vue app and added enough service worker logic to cache vital pieces of the system so that it works when the user is offline

When a user ticks off a collectable it's stored in an IndexedDB store (depending on the type of collectable chests go in a chest store, weapons go in a weapon store etc)

So here's the bit where I'm spiralling.
1) A user goes offline and ticks off a bunch of items on their phone then puts their phone away
2) Later the user ticks off a bunch of items on their PC
3) They then use their phone again which finally reconnects
Pushing the data from their mobile is going to wipe data from their PC.

All I can think is that maybe I have to store a bunch of data patches in the service worker while the device is offline and push each patch once back online (and then pull the full patched data down from the server). I have 0 experience in how to actually achieve it though. Should I even care?

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

Where do you guys typically apply for dev jobs and get the most response back?

Posted: 01 Jul 2021 01:24 PM PDT

I've been applying for 6 weeks now and typically use Linkedin and AngelCo with decent results. I try for 10-20 jobs a day, 10 at the least. Lots of rejections but I am getting more requests for at least a phone call which is good. In the past few weeks though it seems like every 'entry level' jobs is listing at 5+ plus experience! Which is ridiculous. I knew that going in so not too surprised but still, its very annoying. For those self-taught, which jobs do you apply? I've been learning for the past year and try to apply to anything under 3 years experience.

submitted by /u/Active-Activity223
[link] [comments]

I cant figure out flexbox or grid.

Posted: 01 Jul 2021 08:32 PM PDT

I have played through most of the games for flexbox and grid but the problem is I am struggling to use them to set up my first website. I have been coding for about a month and a half. I don't know what to do to get through this roadblock. I have looked up courses on udemy but honestly they don't go super in-depth with these topics. I am starting to feel like a failure because It seems like it should be so easy to do, and I am just getting stuck on two basic concepts.

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

What is this called?

Posted: 01 Jul 2021 08:02 PM PDT

Hey guys, what is it called when you don't really do much ui but design functionality for ui. It seems like both front and back end

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

What is or are ways to create scrollable timeline? Not the timeline that moves when page is scrolled but timeline itself scrollable? Like slider bit for timeline.

Posted: 01 Jul 2021 04:01 PM PDT

Hi there,. I am looking for some resources to make timeline where I can scroll timeline not the page. Just like slider but for timeline. Any help would be appreciated.

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

Favorite way to make a marketing website?

Posted: 01 Jul 2021 03:59 PM PDT

My partners and I have a SaaS app about to do a soft launch.
I built the app portion, and now we're looking for the best way to create the landing pages, marketing pages, and so fourth...

Since the app will be hosted on a subdomain, the main domain can really be anything. Including squarespace, wix, wordpress, anything.

I'd like to NOT roll out a CMS, but i will if I must. My app is built in laravel, so I can use october or another laravel cms.

I've been out of the wordpress, DYI website builders space for a while, so i'm looking for recommendations. I'm honestly just looking for something that my partners can use to build up landing pages/ marketing pages, pricing, so fourth without me coding, something that will be easy to use and work well with SEO. If i can avoid even hosting it even better.

Any recommendation or favorite approaches?

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

Question for devs who use more than one monitor

Posted: 01 Jul 2021 03:29 PM PDT

How many monitors do you use and what tabs/apps do you keep open on them? I read a report that said having dual monitors can boost your productivity by 20+% because you don't have to fiddle with tabs or open/close apps and I don't want to pass on a significant boost in productivity if its something as simple as getting a second monitor. What does your setup look like and have you experienced an anecdotal/empirical increase in productivity by using more than one monitor?

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

Place to find/pay for a code review?

Posted: 01 Jul 2021 09:13 AM PDT

I've been building an app that I plan on making open source, but first I want to get some feedback from a professional developer. I built this app while learning web development and about 6 months later it's still an active project. I plan to make it open source but first would like a professional/expert level review with some ideas on how to change things. I've also never made an open source project and I have a lot of questions that can't really be answered without people knowing the full context of the app.

Are there any sites or communities for this?

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

any suggestions and feedbacks for my hobby projects?

Posted: 01 Jul 2021 05:57 PM PDT

I have been working on a random chat like Omegle but in 3d. Obviously, I need to improve the visual perspective of this, but do you guys have any functional suggestions or some feedbacks? :)

https://kristopher-jung.github.io/randomchat3d/

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

Media Queries in Times of @container

Posted: 01 Jul 2021 06:00 AM PDT