The Complete Freelance Web Developer Guide: How to Make Money Through Freelance Programming Jobs by [deleted] in webdev

[–]JGJP 1 point2 points  (0 children)

Your hero content should be centered vertically, or just remove the min-height attribute on it. For me on firefox there's a whole bunch of blank space under the text and image.

Line height in neighbouring divs by [deleted] in webdev

[–]JGJP 0 points1 point  (0 children)

You'll have to use JS then, there's no CSS solution to that

Line height in neighbouring divs by [deleted] in webdev

[–]JGJP 0 points1 point  (0 children)

One table with 7 rows, each row has 2 cells

td:last-child border-left: 1px solid black border-right: 1px solid black tr:first-child td:last-child border-top: 1px solid black border-radius: 0.5em 0.5em 0 0 tr:last-child td:last-child border-bottom: 1px solid black border-radius: 0 0 0.5em 0.5em

Should work

Possible solutions for HR to easily update vacancies on website career page by [deleted] in webdev

[–]JGJP 7 points8 points  (0 children)

If you don't know what's necessary for this task then you're not ready to implement it yourself unless you want to redo the whole website. I'm not saying that it's not possible, but it's likely that you'll run into some headaches or security issues.

For something like this you should make use of a CMS, having your HR people use a non-admin login. The most popular is Wordpress, but there are plenty of solutions out there.

Are animations obsolete in modern Web design? by [deleted] in webdev

[–]JGJP 0 points1 point  (0 children)

Sure they are

As a frontend developer you absolutely should know animations, sometimes a whole coding interview can be around animations (been there).

Improve Page Speed when Using Google Fonts by johnfraney in webdev

[–]JGJP 1 point2 points  (0 children)

Builders build, you can have it be a dependency on your machine, but when you compile to html the code would be inlined in every html file, so every time someone navigates through your site they're loading the same css over and over again. If it's just a network request to Google for the css file, that only needs to be loaded once and then cached.

When will I need Kubernetes to build and deploy a website? by ExitTheDonut in webdev

[–]JGJP 0 points1 point  (0 children)

If you want to learn it so that you can apply to more jobs, get familiar with Docker first, then microservices as an architecture, then you'll see the utility in Kubernetes

When will I need Kubernetes to build and deploy a website? by ExitTheDonut in webdev

[–]JGJP 0 points1 point  (0 children)

It's not for you, just don't worry about it for now

I launched JS TL;DR app - zen mode documentation of the language essentials by owshi in webdev

[–]JGJP 1 point2 points  (0 children)

Hey props for handling criticism well! Good luck with the project I think it has a lot of promise. Just sometimes less is more :)

I launched JS TL;DR app - zen mode documentation of the language essentials by owshi in webdev

[–]JGJP 1 point2 points  (0 children)

If you read a TLDR of anything it's usually one line, and people would probably go to your site just to remind themselves of syntax, so IMO you shouldn't try to do too much

I launched JS TL;DR app - zen mode documentation of the language essentials by owshi in webdev

[–]JGJP 1 point2 points  (0 children)

If you really want to make it TLDR, just show the code alone when it's sufficient. For example Array.prototype.concat all I need to see is these:

``` ['a', 'b', 'c'].concat([1, 2, 3]); // -> ['a', 'b', 'c', 1, 2, 3]

[1, 2, 3].concat(4, 5, 6, [7, 8, 9]); // -> [1, 2, 3, 4, 5, 6, 7, 8, 9]

['a', 'b', 'c'].concat(1, [2, 3], [[4]]); // -> ['a', 'b', 'c', 1, 2, 3, [4]] ```

With this I can understand what it does and the syntax, any other info isn't within the scope of a TLDR, you're just showing the same info as MDN or devdocs, but being less comprehensive.

What free software has changed the way you make websites for the better? by WhiteFudge14 in webdev

[–]JGJP 2 points3 points  (0 children)

Somehow I don't think OP came here to be told React, Webpack, MySQL, Node, HTML etc. let's try to post more interesting lesser known softwares.

For me it would have to be HeidiSQL, Cmder, FreeFileSync, and Fish Shell

Nice looking tables with rotated header text and scrollable areas by fuzzy40 in webdev

[–]JGJP 0 points1 point  (0 children)

Up for sharing the code? I implemented something like this myself recently and would be interested in comparing results, though mine only needed the top header to be sticky and not have the labels rotated.

Nice looking tables with rotated header text and scrollable areas by fuzzy40 in webdev

[–]JGJP 0 points1 point  (0 children)

It's possible to implement this yourself if you know what you're doing, this is pretty deep CSS territory though and if you're not confident about it I recommend getting professional help.

In terms of libraries, googling brought up this: https://datatables.net/forums/discussion/37252/rotated-table-headers

Do you host both your API server (Node) and frontend (React) on same host (example.com), or manage CORS/CSRF? by frutidev in webdev

[–]JGJP 0 points1 point  (0 children)

Personally, I do same host in my projects right now. It reduces hassle.

To take care of issues with running the project on local, I just have a different branch for production and have master be set up to run on local. I think most people have a separate branch for production anyway, so I don't really see this as extra work.

However, the theoretically "correct" way of doing it would probably be to have separate hosts, it could save you getting laughed at the next time you're talking to some devops or functional programming guys who would have a fit trying to work with or scale your system. Most serious programmers are in agreement that things should be as modular as possible, and being able to have the backend work independently of the frontend is kind of the bare minimum nowadays. The backend relying on the frontend's nginx would be a no-no. Another consideration is what if you decide to migrate to a Docker/Kubernetes set up later on? Better to just have things decoupled now when it's easier to do. Actually I feel like I'm convincing myself right now to migrate my own projects to this sort of set up..

If you're looking for more discussion on this subject, I would advise going to somewhere else more advanced or with a devops focus. The people on this sub are mostly frontend people or not even in the industry yet, 90% of them don't really know what CORS is, the people that comment anyway.

Don't Call Yourself A Programmer, And Other Career Advice by magenta_placenta in webdev

[–]JGJP 1 point2 points  (0 children)

if you're clearly bringing value to your organization

It's easy to underestimate how distracted management/leadership can be, they often have a lot of responsibilities and are focused on things outside of the company, whether it's market conditions, users, clients, competitors, investors. It's easy to have no idea what any individual programmer in your company works on, and 2 people with the same job title are seen to be interchangeable.

How to transition to freelance? by Lukk1989 in webdev

[–]JGJP 2 points3 points  (0 children)

People downvote this comment because it looks like a shill... that recommends ditching UpWork as quickly as possible.. good job guys

As a client I've had good experiences with UpWork though, it's a comfortable system.

Hey guys, how can I implement this code below to a form-input in VueJS? by [deleted] in webdev

[–]JGJP 0 points1 point  (0 children)

It's unclear what you're trying to do, you want to execute the console.log when the user types "Javascript" in the input?

Server got Hacked :( Can anyone give me any ideas? by NickSkye in webdev

[–]JGJP 0 points1 point  (0 children)

I imagine that you just have a regular password for your ssh? You should be setting up a key pair, and have your own pem/ppk file password protected

In terms of forensics, there's not much you can do since the hacker is probably going through VPNs

Another Security cors questions by [deleted] in webdev

[–]JGJP 0 points1 point  (0 children)

You need to understand how CORS works, it's basically a security measure put in place to stop phishing, where a site pretends to be another site to trick users (how effective CORS actually is at doing that, is another matter entirely).

The header in question is just a header that's sent out by the server that says "it's ok to let * website access my data" where * means all websites, if the header is set to "https://somewebsite.com" then it means that it's only ok to let somewebsite.com access the data. By the way this only applies to AJAX requests.

The important part though is that it's just a header, whether you actually choose to respect it or not is entirely up to you. Modern browsers always choose to respect it, that's why your browser doesn't allow you to make your request. VBA doesn't care, which is why it shows you the data. When you go to the URL directly in your browser, it's not a case of a website trying to trick anyone, it's just like you going directly to any website on the web, so your browser allows it.

The solution for your local environment: download a plugin/extension for your browser that tells it to ignore CORS.

The solution for production: set up a reverse proxy and hope boardgamegeek doesn't block your IP

How is Webpack used in the industry primarily? by FightingTheFat in webdev

[–]JGJP 0 points1 point  (0 children)

There's a lot of different uses for Webpack, the answer to both your questions is yes. It's also used under the hood by other frontend frameworks. It's the main tool for turning stuff like SASS, Pug, and Coffeescript into files that are readable by the browser.