[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vr / w / wg] [i / ic] [r9k / s4s / vip / qa] [cm / hm / lgbt / y] [3 / aco / adv / an / asp / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / qst / sci / soc / sp / tg / toy / trv / tv / vp / wsg / wsr / x] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/g/ - Technology


Thread archived.
You cannot reply anymore.



File: 1510028959483.jpg (169 KB, 2048x1319)
169 KB
169 KB JPG
>Beginner Roadmap and Guide
https://github.com/kamranahmedse/developer-roadmap
https://www.youtube.com/watch?v=0pThnRneDjw

>Free beginner resources to get started with HTML, CSS and JavaScript
https://developer.mozilla.org/en-US/docs/Learn - a good starting point to learn about webdev fundamentals
https://javascript.info/ - quite a good JS tutorial according to many posts
https://www.freecodecamp.org - curriculum including HTML/CSS/JS, React, Node.js, Express, and MongoDB
https://www.theodinproject.com - curriculum including HTML/CSS/JS, Ruby on Rails, and SQL

https://fullstackopen.com/en/ - requires you to have basic web dev, db and git knowledge

>List of PHP resources
https://pastebin.com/gfBPg24A (lots of stuff, should be re-checked and trimmed maybe?)

>Need help? Create an example and post the link
https://jsfiddle.net - if you need help with HTML/CSS/JS
https://3v4l.org - if you need help with PHP/HackLang
https://codesandbox.io - if you need help with React/Angular/Vue

Previous thread: >>74330923
>>
What are some good resources for someone who's utterly clueless how hosting/domains work?

I am a programmer, but I have never done any serious web work. I realised I can make some money on the side if I could create and deploy some small pages for people.
>>
What is the best way to make a loading splash like this site (https://www.homecenter.com.co/homecenter-co/), where the logo is placed until everything has loaded? I want to do stuff with canvas and webgl, but I don't want to ruin the experience by having assets half-loaded.
>>
>>74369976
Hosting can work in different ways.
A common thing is "shared hosting", where you pay to get assigned some resources of a server and use it together with a bunch of other people.
You usually get a certain amount of disk space, databases, traffic, etc. and FTP access to upload your site.

A more recent trend is static hosting. Using something like Netlify or GitHub Pages you can even get that for free.
This works if all your assets are static and nothing needs to be rendered server-side. This is often the case with modern frontend frameworks like React, Vue and Angular. Any new data is then simply fetched from a separate API in JSON format and rendered client-side directly in the browser.

Alternatively you can rent a VPS for really cheap on DigitalOcean for example. It's more work, since you have to take care of configuring and maintaining the server, but you have full control over everything.

For Domains you better check out how DNS works. Basically how a browser finds out which IP to send the request to, when you type in a URL in the address bar.
>>
Any ideas on how I would make an image gallery in RN?
>>
>>74369976
Honestly just use Zeit Now and never think about hosting again
>>
>>74370082
>Any new data is then simply fetched from a separate API
Which will in most cases be your own backend. So only static hosting isn't enough.
>>
>>74370115
well yeah, but it allows you to easily put your assets on a CDN and serve them pretty fast, no matter where the client is.
And with SSG you often don't even need a separate API anymore, in cases where everything can be pre-built. So many cases where people use Wordpress for something that could easily be 100% static.
>>
Doing my first React project, Office365/Outlook add-in.

>hey bro, I hear you want some javascript
>that renders some javascript
>that renders some javascript
>that renders some javascript
>the rende...

Not really a fan thus far.
>>
Why does react suck so much?
>>
>>74369945

I love that picture. Does anyone have a good 1080p version of it?
Or any 16:9 of a higher res than that.

Please don't send me to /wg/.
>>
File: 1510028959483.png (2.03 MB, 2048x1319)
2.03 MB
2.03 MB PNG
>>74370598
I don't have a higher res, but this is the .png it's from
>>74370377
>>74370527
amazing posts anon, got any more dumb complaints about things you aren't good at?
>>
>>74370721
I knew it, OP is a React chad
>>
>>74370721
I only posted the first, someone else piped in about it sucking. And this is /wdg/, useful stuff goes in /dpt/ maybe-pedo-anime-general.
>>
>>74370816
no, I mainly shill for Vue.
I just think it's really bad if something is dismissed as being shit right from the start, when you can clearly see, that little effort has been taken to actually understand the matter.
It's like people ranting about Flexbox after they trial&errored for half an hour instead of making an attempt to actually learn its fairly simple basic properties.
>>
I'm hungover and I have a technical phone interview in 30 minutes. x_____x

Fuck fuck fuck.
>>
File: reptilians-alien.jpg (54 KB, 773x517)
54 KB
54 KB JPG
>>74370721
After using it for a month, I can't say I'm particularly enthused about all this fancy state management code. For anything other than basic examples, it feels like a pasta bowl waiting for spaghetti.
>>
>How do I go for an interview with so little skills
>nobody and no book teaches past the beginner stuff
How do I overcome this? I'm determined to get my 1st web dev job, so I could become a web developer. Also what is the "intermediate" level?
>>
>>74371406
>>74370882
I want to apologize for being so rude earlier.
>>74371406
It certainly beats most previous solutions though. Have most people try to do non-trivial apps with jQuery and it will likely end up being very unorganized and very inefficient result in comparison.
>>
File: crossy.png (270 KB, 570x405)
270 KB
270 KB PNG
how do i get a cool christianity themed terminal like wes bos has
>>
>>74371431
It's a very serious question. There seems to be a real lack of intermediate learning and practice materials that would bride the super beginner information that is everywhere and something that could be considered basic workable skillset.
>>
>>74371431
Honestly, being intermediate is mostly understanding application structure and knowing how to write clean code.
For front-end I'd say a lot of it is gained by understanding one (or multiple) framework(s), knowing how to deploy your sites and just knowing a lot of practical tools like jQuery and SASS.
>>
>have 3 places wanting to get me in for my in-person interview asap
>submit times I'm available
>hear nothing from none of them for over a week and a half
>all of them get back to me the day before the interview saying they want to hurry the process up

What the fuck, man? Thanks for the 24 hour notice when I tried setting this up over a week ago.
>>
>>74371780
use autist_level_9k

https://github.com/Powerlevel9k/powerlevel9k
>>
File: 09973705.jpg (41 KB, 324x322)
41 KB
41 KB JPG
Is it possible to link to an external page at an ID, but a few pixels down?
Linking to a title opens the page with the title hidden under the header.
website.com#title
>>
>>74372840
Sounds like you need to fix your CSS.
>>
>>74373021
>external page
It's someone else's page, I can't change their css.
>>
>>74372840
yes, its the same way you'd do it on your page. [url] + # + [id], i.e. https://en.wikipedia.org/wiki/%C3%91engo_Flow#bodyContent
>>
>>74372840
sorry anon i misunderstood your question here >>74373159. the answer is no, you can't pass "margin-top:10px" or something with the url. you should probably just link to an ID lower than the title
>>
>>74373109
you can, actually
>>
I have an apache httpd website rn, anyone know a good resource for learning a proper LAMP stack?
>>
is it appropriate for beginner to write what online courses you have done your in cv?
>>
>>74373786
It's better to just show that you built something using what you learned in the course.
>>
>>74373747
DigitalOcean has a bunch of guides for setting up your stack (and setting up security). I'd learn how to use nginx too.
>>
>>74373786
No don't do that. HR will not care and the dev will not know or care enough to look it up. I would simply just include the project you made during that course into your portfolio. If during the interview you are asked to explain how you did something in the project you could say you followed a course to create that but you learned ___ and ___ and ___ from it so even though it's not your original project- you still learned something from it that you can share and speak about.
>>
File: download (3).jpg (4 KB, 287x175)
4 KB
4 KB JPG
Going from depending on jQuery for a year to learning the fundamentals of JS again while doing DOM manipulation in vanilla JS has been boring, not hard, but boring. I tried to build my first VUE project last night just for shits and giggles following this tutorial

https://www.youtube.com/watch?v=Wy9q22isx3U

didn't get far before things started to fuck up and I gave up- just didn't have the time to keep debugging shit or rewinding the video to understand something to continue it was already late and I had work in the morning. But VUE does look easy to grasp, even though I did not grasp a whole lot last night from my first time ever touching it I can see that with a few projects it will be a fairly easy framework to use and I am excited about that. I am going to try and re-learn vanilla JS fundamentals and learn VUE at the same time.
>>
>>74370056

something as easy as this at the beginning of the page:

$(window).on('load', function(){
$('.loading').fadeOut();
});

where .loading holds your gif/svg and has css to keep it above everything else
>>
>>74374217

that is jquery btw (if it's not obvious)
>>
is there a way to accept tips via paypal on my site without revealing personal info? i am worried the checkout/receipt will show my full name + town which is more than enough to run with
>>
I asked yesterday about a way to replicate "slots" in Angular. This is how you do it in React
//Button.js
<button>
{icon && <span class="icon">{icon}</span>}
{children}
</button>


So you call it like so

<Button icon={<Icon>thumbs_up</Icon>}>Like</Button>


And this is the best way I've found so far in Angular

<ng-content select="[appIcon]"></ng-content>
<ng-content></ng-content>


<app-button>
<span appIcon><Icon>thumbs_up</Icon></span>
Like
</app-button>


Does anyone have any better ideas?
>>
>>74374309
I forgot to say that yesterday I was struggling with trying to find a way to add the icon class into the span, I thought you could just do this
<ng-content class="icon" select=[appIcon]></ng-content>
but apparently not. What you need to do is create a directive with the same selector as the select.

@Directive({
selector: '[appIcon]',
host: { class: 'icon' },
})


And it works.
>>
>>74374182
i fucking love vue
keep at it, once you get over the learning curve it's fucking amazing
>>
>>74370892
I will never care about Vue because it's made by dog eaters
>>
>>74374217
>>74374245
I see, will use it. Many thanks!
>>
I hate interviews. I have the worst interview clothes ever. Imagine being from a country ass town and having to dress nice for an interview at a place you know has a casual dress code.
Every time they tell me I overdress for the interview. Last place, the CTO came in wearing basketball shorts, well this place has a business casual dress code so idk. I’m hoping just my slacks, dress shoes and light blue dress shirt will work.
>>
>>74374523
Go buy you an interview outfit lol. Go to Ross or Marshalls, TJ Maxx and spend $50 for a decent pair of shirt, pants and socks and maybe some cologne.

Luckily for me my company has no dress code policy at all so I'm pretty comfy wearing a hoodie, athletic joggers, athletic shoes most of the time or basketball shorts and a graphics tee in the summer. Also lucky no one in the company has abused this no dress code policy and worn anything very political, graphic or outright rude.
>>
>>74374515

np. just keep in mind that loading screens really shouldn't be needed unless you have a lot of data that needs loading (which generally is bad in itself).
>>
>>74374347

agreed. i never learned react/angular/whatever-the-fuck framework but i love Vue. it beats doing html+css+js anyday.
>>
How can I stop this without using Typescript?
>>
Does anyone know if a Triplebyte quiz (first part of a technical interview for a company) can include TypeScript?
>>
>>74374705
>without using Typescript
Why would import paths be different with TypeScript?
>>
>>74374771
Typescript can do path aliases out of the box, so you just define your paths in the tsconfig and instead of doing '../../../../../utils' you just do 'utils' and tell typescript where that alias comes from. I guess babel should have something similar.
>>
>>74374580
It is an interview outfit it’s just not a suit. It’s like a suit without the tie and jacket.

Idk why this job has a dress code like this. I guess there are still senior dev jobs that require it. I’m also interviewing for the lead slot and solo developer at a startup. That would be cool. None of the pay is what I want. It ranges from 100-120 and that’s unfortunately top range right now for Dallas/ft worth when not 1099.
>>
>>74374818
If I had to guess this company likely has clients come into the office for meetings and do not want someone with a choke collar, dyed hair that's 3 different colors and facial piercings to be seen. Despite what people may say about inclusion in the workplace nowadays going too far I do feel like the more inclusive an office is the better it is for everyone.
>>
>>74369945
I'm doing
>https://fullstackopen.com/en/
and I'm on part1, Intro to React, and I'm absolutely not understaning the components and modules stuff. I've been trying to learn it for about ten hours now. Previously I screwed around going through the MDN docs, and I'm enjoying that it references those frequently.

..BUT
import React from 'react'
import ReactDOM from 'react-dom'

const Header = (props) => {
return (
<h1>
{props.course}
</h1>
)
}

const Content = (props) => {
return (
<div>
Inlcuding {props.part1} ({props.exercises1} exercises), {props.part2} ({props.exercises2} exercises), and {props.part3} ({props.exercises3} exercises).
</div>
)
}


const Total = (props) => {
return (
<div>
<p>
The total is number of exercises {props.exercises}
</p>
</div>
)
}


const App = () => {
// const-definitions
const exercises1 = 10
const exercises2 = 7
const exercises3 = 14
const exercises = 31


return (
<div>
<Header course="Half Stack Application Development" />
<Content part1="Fundementals of React" exercises1="10" part2="Using Props to Pass Data" exercises2="7" part3="State of a Component" exercises3="14" />
<Total exercises={exercises1 + exercises2 + exercises3} />
</div>
)
}


ReactDOM.render(<App />, document.getElementById('root'))


This was my solution. It's really ugly, and when compared to others like https://github.com/jleppane/fullstackopen-2019/blob/master/osa1/kurssitiedot/src/index.js I see I'm lacking a lot of presumed knowledge. But I was able to piece together a working factored version of the code at least.. r-right?

P.S: I know the "const exercises" section is bad, I couldn't figure out how to get it to work without that, and it's nearing my bedtime so I just wanted to post this before ni-night.
>>
>>74374994
>my solution
from problem 1.1, a bit down from
>https://fullstackopen.com/en/part1/introduction_to_react#exercises

Also, I love the high level React philosophy so far, I just don't get it yet
>>
>>74374915
They do have clients go in there. The other place does not though, but they are a really old company that traditionally knows fuckall about the internet. The first place I’m interviewing at made the next companies website, but that second company decided they wanted to do it themselves so I am interviewing with them too lol. I just hope I get a job, I only have 8k left and whatever I don’t use is going for taxes and a roof.
>>
>>74375025
>>74374994
>samefag
Below is a better solution I found on github (translated from Finnish):
import React from 'react'
import ReactDOM from 'react-dom'

const Header = (props) => {
return (
<h1>
{props.name}
</h1>
)
}

const Content = (props) => {
return (
<div>
<Part part={props.parts[0]} />
<Part part={props.parts[1]} />
<Part part={props.parts[2]} />
</div>
)
}

const Part = (props) => {
return (
<p>
{props.part.name} {props.part.exercises}
</p>
)
}

const Total = (props) => {
return (
<p>
{ props.parts[0].exercises + props.parts[1].exercises +
props.parts[2].exercises } exercises in total.
</p>
)
}

const App = () => {
const course = {
name: 'Half Stack Application Development',
parts: [
{
name: 'Fundementals of React',
exercises: 10
},
{
name: 'Using Props to Pass Data',
exercises: 7
},
{
name: 'State of a Component',
exercises: 14
}
]
}

return (
<div>
<Header name={course.name} />
<Content parts={course.parts} />
<Total parts={course.parts} />
</div>
)
}

ReactDOM.render(<App />, document.getElementById('root'))


But I don't really fully understand this code yet. Does
 const Part = (props) => {
return (
<p>
{props.part.name} {props.part.exercises}
</p>
)
}

represent an array (of content name (i.e "State of Components" and exercises)? I just don't really get how the resultant page ends up being displayed how it is. I totally understand where "Total" and "Header" come from, just not the content and interplay between Part and parts.
>>
>>74369945
At what point if ever should I start working with Content Management systems like Wordpress? Once I've got deep enough into the front-end?
I mostly got the basics of HTML/CSS + JS down.
>>
>>74370056
I would go with an SVG image embedded in the HTML, near the top of the DOM. Once the last of your initial render dependencies loads, you can remove it to show the page.

SVGs can embed CSS, so they can have baked-in animations. Here's an example of an SVG image I created in Inkscape and then manually added CSS to in order to add animations:
http://alexjones.party/svg-example/shibe.svg

That's around 10kB, but an optimized version (svgocommand line tool) is only about 3kB:
http://alexjones.party/svg-example/shibe-optim.svg
>>
File: one.png (28 KB, 1266x967)
28 KB
28 KB PNG
What do you guys think of putting hamburger menu both on desktop and mobile site?
>>
>>74375357
The Content element consists of 3 Part elements. The parts array is passed to Content. Content then makes 3 Part elements, passing a single element of the parts array to each one (note the indexing: props.parts[0], etc.).
>>
>>74375357
Kinda unrelated to what you're asking, but It's better to just use children instead of props if all you're doing is passing them down like that.

Instead of this
const Header = (props) => {
return (
<h1>
{props.name}
</h1>
)
}


I would do

const Header = ({as: C = 'h1', children, ...rest}) =>  <C {...rest}>{children}</C>;


And you can call it like
<Header>{course.name}</Header>
and if you want something other than an h1 you can do <Header as='h2'>...</Header>. I don't really understand your question though.
>>
>>74375629
Learn about templating and ajax, CMS systems are basically just that.
>>
Need a replacement to MediaWiki for my site since it started spitting out unreasonable Lua errors. If there is none, what's a good similar alternative to wikis for laying out information and group collaboration? It's essentially just documentation and usage of certain game features, as well as a nice fictional history thing.

I'd make something myself, but I am not very good at creating something that users can log in and contribute to.
>>
>>74375629
I would start now with this tutorial playlist
https://www.youtube.com/watch?v=2Zt8va_6HRk&list=PLillGF-RfqbaKe3TWtwDW8vYV2MHIFPEi&index=1

It's very basic but it lets you get your feet wet with some very basic PHP and building a custom theme for Wordpress.

I'm a jr 'fullstack' wordpress dev, meaning I can basically take a design and turn it into a working Wordpress website along with some basic functionality, nothing too complex has been given to me yet but it's not that hard.

Honestly if you know basic html, css, js and enough PHP and Wordpress to take a design and turn it into a wordpress site like that playlist shows you then you're qualified for an internship at most companies that work with Wordpress.
>>
>>74375936
>>74375997
Thank you. I'll get to it.
>>
super newb web dev here. worked for a year in a startup with Angular and Spring Boot. I'm left my work because of politics and I can't fake stuff.

I want to fully invest in doing it from home. how do I approach this?

and do I look into PHP and wordpress for work?
>>
>>74375634
Interesting, I was considering using an animated splash. Thanks!
>>
>tfw too dumb to understand reducer
>>
File: hmmmmmmmmmmmm.png (32 KB, 519x258)
32 KB
32 KB PNG
Could you guys help identify the fonts here? Or at least name fonts that look like these.
>>
What's the baseline cost for a full stack site something like a crud SPA with login+serverless rest api
>>
I've managed to setup Flask in combination with Mako and I'm now wondering how to send all the supplied arguments via GET as a parameter.

@app.route('/<path:path>')
def send_files(path):
arguments=request.args
arguments=arguments.to_dict()
print(arguments)
return render_template(path,arguments)

This doesn't work:
TypeError: render_template() takes 1 positional argument but 2 were given


    return render_template(path,fun='abc')

This works, but I want it to take all parameters without defining them.

How can I do this?
>>
>>74377097
i could be wrong here but could you not add your arguments to your path (which i am assuming is a string) and send it?
>>
>>74377181
Nope, sadly not.
>>
>>74377097
I've solved it!

This did the trick:
        return render_template(path,**request.args)


Maybe it helps one of you.
>>
>>74375758
Unless it really makes sense due to stylistic reasons, where you want something as fullscreen as possible, without any nav-items, it's way more convenient and likely feels nicer to use, if the navigation is right there and accessible imo.
>>74376994
Is it a live site?
Check the elements in your browsers dev tools.
>>74377060
>how much does a car cost?
>>
How do I avoid getting my site banned by adsense? I've heard some horror stories.
>>
>>74377292
>more convenient and likely feels nicer to use, if the navigation is right there and accessible imo
Ahh, thank yo so much.
>>
https://www.smashingmagazine.com/2019/04/mutationobserver-api-guide/

is there a way toget the node/element that was inserted/removed (like an event.target) without iterating through all children? Imagine I have a parent div with 1000 elements, every single change to any children or subchildren will cause me iterating through that. That's nuts.
>>
>>74369945
That image is the definition of comfyness
>>
>>74376815
I've been working with WordPress for the last couple of months and I'd never recommend it to anyone that is doing anything beyond a basic blogging site. If that's what you want to do, it's perfectly serviceable. Most programming languages, including PHP, will give you work so just pick whatever you feel like, or look into the demands of your country / region.
>>
>how do I do X?
>just use these 3 libraries bro
>>
File: 1569198002105.jpg (69 KB, 694x980)
69 KB
69 KB JPG
How do you guys manage to get clients?
>>
>>74373830
>>74374158
ty for response
>>
If Flutter has an entire 2D renderer does that mean apps will work seamlessly cross-platform? With RN you sometimes need to customize components for different platforms.
>>
>>74378576
I only ever used it with Android, but afaik most should work on either. You just end up with a material look on iOS, if you don't bother to style things yourself. Though there may of course be some platform specific features some widgets may depend on, not sure.

There seem to be 3rd party wrappers though to automatically use the widget fitting the platform you are running on I think.
>>
File: Shrek tip.jpg (19 KB, 353x334)
19 KB
19 KB JPG
>>74369945
There are only online ways of learning on the OP. Are books not recommended anymore?
>>
File: 1577389733973.gif (102 KB, 630x400)
102 KB
102 KB GIF
Today I had an existential crisis. I was just checking arround, not installing anything. First I checked how to install the latest PHP version. I almost cried but then I finally discovered you had to include one specific repository from which you could install the latest version. Then I went to look up Apache. And I remembered Ngnix. And I tried to look up some articles about comparing it vs Apache. It looked like it was some kind of miracle shit, but that you had to actually pay for the premium version to get those extra packages that did the miracles. But idk, if not Apache PHP, what else is there, Node? Isn't Node supposed to be trash anyways? Rust? Who the fuck hires for Rust? I think I'll gowith my meme Apache PHP, but I feel down, maybe cause I had an horrible night. What says you /wdg/?
>>
>>74379156
Books are outdated by a wide margin.
>>
File: sad doggo.jpg (31 KB, 440x660)
31 KB
31 KB JPG
>>74379183
Oof. I wish there were resources like the ones in the OP for learning .NET and C#.
>>
>>74379328
Which are mostly outdated because 3.1
>>
How hard would it be to learn Vue if I already know React? Also, I saw something about Vue getting a big change, kind of like React hooks. When is that supposed to be coming? Should I wait until it does before I start learning Vue?
>>
>>74375758
I think you need to be lined up against the wall and shot.
>>
>>74379560
What's your motivation to learn it?
>>
>>74379560
Shouldn't be very hard.
Learning the templating with HTML directives as opposed to JSX might be the biggest difference.
I think you can already use the new syntax if you use the @next version.
>>
>>74374705
If you are using webpack, you can just set an alias.
https://webpack.js.org/configuration/resolve/

>>74378576
Desktop is still alpha and requires a few workaround (and has a lot of unexplained crashes on Linux & Windows) but everything else will work just fine.
I dislike Cupertino so i just stick with Material for everything.

As >>74378772 said, you might have issues with packages that don't have a working implementation though. For example, even the Google packages (google sign in & firebase) did not have web support out of the box until a few weeks ago.
>>
>>74369945
Before I code monkey this shit I'm gonna ask; is raw HTML the simplest way to add a table to a website?
>>
>>74379935
Depends on the size of the table.
If it’s a small table, yes. If it’s a large table, then append data with JavaScript.
>>
>>74370056
This is why the modern web sucks. A loading wait-time for that? Really?
>>
>>74380091
you think that's a "modern" thing?
Suddenly everyone seems to forgot how terrible many old sites used to be and how many useless things they crammed in there.
>inb4 some cherrypicked text-only-site from 1998
>>
>>74369945
Anyone tried some Udemy courses from the OP? They are on a huge discount now apparently, but I am worried if it is just the same thing as their already descriptive youtube videos, or the dozens of guides/tutorials available online.

There also seems to be a lot of redundant stuff like the Webdev Bootcamp, vs modern css/html courses.
>>
>>74380475
luckily my main board didn't ban me from all boards, have a look at this first:
/*Free udemy courses*/
https://www.freetutorials.eu/
https://freecoursesite.com/1-the-web-developer-bootcamp/
>>
>>74380475
udemy and edx courses are quite frankly dog shit and i find long form tutorials by randos much better in internet
>>
File: 1540484625337.gif (165 KB, 500x500)
165 KB
165 KB GIF
>>74380816
T-thank you anon!

>>74380826
I usually wouldn't even consider buying courses online, but a 95% discount on something you are interested in is a thing a man has to consider.
>>
i just now learned that you can use markdown as content
>>
>>74377060
>>74377292
>how much does a car cost
so the answer is as much as a car? or my question was too vague? it's a react app with 7-8 routes, Google oauth, makes calls to a aws lambda api that does stuff in slack. I've never done anything like this before and I spent a ton of hours learning.
>>
Best way to get started with Flutter? I think I'll try making a 4chan client since Clover is unmaintained.
>>
> When done correctly, even blind people can interpret tabular data in an HTML table — a successful HTML table should enhance the experience of sighted and visually impaired users alike.


Burn this world to the ground.
>>
>>74381230
Stop searching for it if it triggers you so much. There's no way you're randomly finding these accessibility guidelines all the time.
>>
>>74381286
That shit is in fucking HTML form guide by Mozilla, recommended in the OP.

https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics

This shit is everywhere all over that site.
>>
File: 1577131171933.jpg (87 KB, 720x960)
87 KB
87 KB JPG
>>74381299
>>74381286
doesn't google boost your site if it has good accessibility?
>>
>>74381312
Yeah.
>>
File: hipster[1].jpg (25 KB, 632x332)
25 KB
25 KB JPG
>>74381299
>I'm an accessibility expert.
>>
>>74381299
Nobody reads those top to bottom. Looks like you've fallen prey to https://science.howstuffworks.com/life/inside-the-mind/human-brain/baader-meinhof-phenomenon.htm
>>
>>74381354
>Nobody reads those top to bottom
How am I as a noob supposed to know which to ignore and which not to.
>>
Am doing some stuff on Spring MVC right now, what is some guide that includes JS webdev with Java/SPRING MVC
>>
>>74381365
Well who the fuck just goes and reads about html tables? You would visit that page only when you're making some app and need to do something with tables, and look for that specific thing.
>>
When traversing an array or other data structure, I semi-frequently want to check whether I've seen a particular element before (for varying definitions of equality). For example, when traversing a string and wanting to determining whether you have seen a particular letter before.

Typically I would do this with a hash map (for O(1) lookup/insertion) and simply set the letter to the key and the value to something like true, but anything that isn't
undefined
works). So that

This seems kind of wasteful due to storing a lot of repeated values that don't really do anything. Is there a better way that keeps the constant time lookups but ditches the wasted space?
>>
>>74381450
store values in bits and bitshift to get it back
>>
>>74381378
Well it was in OP and I thought it was a good beginner guide to HTML.

Is their Javascript guide any better?
>>
Why should I bother writing front end validation for a form if I already validate it in the back end?
Serious question.
>>
>>74381747
to save work for the server, when server validates is most likely already valid, vs non valid 1, non valid 2 non valid 3 and pinging the server every time
>>
>>74381747
Only telling your users they did wrong when they submit isn't the best UX (unless you are constantly submitting like with an autocomplete or autosave input). FE validation can be circumvented by those with the know how though, so IMO validation on both ends makes for the best product, one that is snappy with alerting the users about errors but also secure
>>
>>74375841
>>74375900
Thanks!
>>
Is it even possible to release a Flutter app to iOS without using their app store and without Xcode? Isn't there some way to export it as whatever the iOS equivalent of an .apk?
>>
>>74381854
>>74381866
Fair points, thank you.
>>
Any of you happen to know a decent tutorial about debugging using PHPStorm and Xdebug? Because I have literally no fucking clue about what I'm doing.
>>
>>74382411
https://www.jetbrains.com/help/phpstorm/debugging-with-phpstorm-ultimate-guide.html
>>
>>74377060
>>74381100
pls respond
>>
guys do I have to use this webpack shit so my exports and npm libraries work in the browser

also what is es6 and esNext can they be used instead of webpack
>>
>>74382397
Nope, you need to buy a developer licence in order to create the app and sign it to install to a device that uses the same iCloud login (or inviting others to test it through testflight which would go through a 1-2 day review process)
>>
>>74382625
DEPENDS ON YOUR USE CASE

HOW MANY USERS?
>>
>>74382948
Surely there is some way to users to sideload the app just like in Android? I refuse to believe the only way is to give money to Apple.
I'm guessing it's pretty easy if you jailbreak the phone, but I also want normies to be able to install my app with relative ease.
>>
>>74382959
a few, less than 10. but important enough that they wanted a standalone website for this purpose
>>
File: 1529241914244.jpg (81 KB, 1024x733)
81 KB
81 KB JPG
>>74380826
>i find long form tutorials by randos much better in internet
sauce me up nigga pl0x
>>
>>74382877
Depends on the npm libraries, but you will need to use Webapack (or Parcel, easier to use) for imports to work.

ES6 is a bunch of 'new' JS functionality added in ECMAScript 2015 I think. NO clue about esNext.
>>
>>74382469
If only I didn't have to block that website to pirate PHPStorm.
>>
Sitting in the parking lot waiting for my interview.
>Sweating_guy.gif
>>
File: 1536255305130.jpg (64 KB, 850x800)
64 KB
64 KB JPG
>>74383155
good luck senpai
>>
>>74383155
Good luck man.
>>
File: 1577224421030.png (321 KB, 603x716)
321 KB
321 KB PNG
>>74383155
good luck, sort unsorted arrays mentally to distract yourself until it's time for the interview
>>
>>74382877
>also what is es6 and esNext can they be used instead of webpack
Dude just google what that even is.
If you can't tell a bundler apart from a language specification, then you have some things to sort out first.
>>
i fucked up even copypasting code from tutorial, i should lay down on the tracks and wait for the train
>>
>>74383261
>i should lay down on the tracks and wait for the train
pls anon, don't, get a shit job and plan your conquest of the web dev world, take your time
>>
>>74379182
Dude, if you want to develop with php use the php development server. Apache and Ngnix are overkill for development. Been there done it.

Just set up php and run php -S localhost:5000 (or whichever port is open) in the console.
>>
>>74383299
>Just set up php and run php -S localhost:5000 (or whichever port is open) in the console.

Another anon that did this. If you are using Windows just use XAMPP or something else.
>>
>>74383299
I've done my baby steps on PHP, I'm worried about the future of it, saw a chart of PHP vs NGINX in enterprise or something like that and it pretty much looked like the death of Apache is arround the corner.
>>
>>74383115
>>74383247
I am going insane.

I'm just trying to make typescript compile to javascript and be able to use the single npm library in my project ON THE BROWSER.
WHY IS THIS SO FUCKING HARD

How the FUCK do I make typescript export/import/modules and npm libraries work on the browser
>>
>>74383411
as the other anon said, use Parcel instead. You will have a much better time.
>>
>>74383411
Just do npx parcel src/index.ts. If you use Parcel 2 (yarn add parcel@next) you don't even need to install TS, because it uses Babel by default.
>>
>>74383511
>>74383646
>+ parcel-bundler@1.12.4
>added 747 packages from 535 contributors in 29.428s
oh no no no
>>
I need a website, service, or custom solution that I can make that allows unique links to a site and lets me know they visited it. Basically, when I give out cards to people; I'll have a different link on each card to know whether or not they visited the website.

Does something like this exist?
>>
>>74383703
This is one of the most retarded posts on /wdg/ in a while.
>>
>>74381747
Backend is for security, frontend is for usability
>>
>>74383703
you could generate a bunch of unique identifiers (though still short enough so they aren't annoying to type), then on your backend you make sure the request matches your generated list and keep track of the ones that did visit.
>>
>>74383842
meant for >>74383723
>>
>>74383723
That's really easy to implement. I don't know if a premade solution exists though. Basically you generate a unique token, yoursite.tld/:token and then you make a controller that upserts the token and times visited into the database and redirects them to the home page
>>
>>74369945
Why do web developers hate PHP? My friend told me it's because it actually resembles a programming language
>>
>>74383903
I hate it because it doesn't resemble a programming language
>>
>>74369945
I have a selection of items, each item has its own page with a button that takes it to an edit page.

After my edit page makes a call to the API, it heads back to the item page, but the data doesn't refresh with what was submitted to the API. How do I get this to refresh without window.reload() using react router, hooks, graphQL and context?

Any help appreciated.
>>
>>74383992
useReducer()
>>
>>74383903
It's only an american thing, people in europe still make good money on PHP

>>74383919
With enough basic libraries it does look like a proper language, altho I wish methods on scalar types came sooner
>>
>>74384026
Holy shit anon this might actually work, thank you!
>>
>>74383903
>My friend told me it's because it actually resembles a programming language
based
>>
How is Angular? I got an offer for a new job where they use Angular. I've only used React and Vanilla JS.
>>
>>74381312
>>74381319
Isn't what this guy >>74381230 is complaining about basically semantic HTML? Also, doesn't that mean that using semantic HTML is good for SEO bullshit?
>>
I started using flask

I wanna make a separate flask-nav route @nav.navigation() and use it with Blueprints
so app __init__.py can read it
I'm also using Flask-Bootstrap

all I get is
AttributeError: 'Blueprint' object has no attribute 'navigation'

and the code is this

from . import main

from flask_nav.elements import Navbar, View, Subgroup, Link

@main.navigation()
def navbar():
return Navbar('Hello World.',
View('Home', 'main.index'),
Subgroup('Services',
Link('web', 'https://somepage'),
)
)
>>
>>74383199
>>74383217
>>74383232
I think it went ok. It was just their most senior developer asking me questions about stuff that isn’t a part of the job like server admin since that’s for a tech lead but ok. They asked me the same questions they did on the phone last week and just rattled them off with no personality.
>>
Anyone here had any success selling (local) SEO with their sites?
Or is everyone in this general a pajeet just learning how to "code"?
>>
>>74386006
I am kind of worried about this too.
When I make a site for a business, is it expected, that I also do some kind of marketing for them?
Is it just a matter of setting up some Google Ads campaign? I obviously block anything ad related on my end and don't even have a Facebook account. I have no idea, what kind of stuff normies fall for and click on, when they casually browse around.
>>
>>74383903
>Why do web developers hate PHP?
That's sort of a weird way to phrase that, because PHP is literally only used on the web. Web developers are the only ones who've experienced it to know that it sucks.
>>
>>74386055
SEO isn't ad related, it's optimizing sites for search engines so that it shows up higher on the results cause THAT'S what normies actually click.
The problem is that anytime I look for info it's mostly garbage content written for the purpose of SEO because of course it is
>>
>>74386055
Lol no it’s not expected. Sell it as an additional package for 500 to 1000 a month. Don’t forget to host their site for 50 a month too and an additional 50 a month for maintenance.
>>
Longshot, but figured I'd try asking
Working with Django

Boss wants a page that shows an html table of an sql table with multiple tables pointing to it with foreign keys. He wants the page to show the rows of the table, and he wants to be able to click on a row to expand inline html tables for the db tables that point to the original table. Populated by the rows keyed to the row he expanded, of course.

To put it in terms of the admin site, imagine if the changelist page let you click on a row to see all the foreign key rows inline.

Is there any easy way to do this or am I going to have to grind it out from scratch myself?
>>
>>74386212
Don't forget to only use $100 on advertising. Because if it's a normie restaurant or some shit, people locally will just see "yum food" and try it out so your client will think you're a genius, when in reality you're just not 50.
>>
>>74386173
oh yeah sry, in my mind I just jumped to marketing somehow.
What do you specifically mean "selling SEO with their site" then? Isn't that just a given when you do the site competently?
>small bundle size
>UI layout and assets optimized for different screens
>semantic elements for search engines and accessibility
>creating backlinks? idk
see this is where it goes into marketing territory. The technical aspects seem clear, when you are a dev, but SEO and marketing are kind of dubious. Or maybe you just must be completely without scruple and dare to simply shill and spam it everywhere.
>>74386212
Expected in the sense, that you are supposed to offer it too as a billable service.
I'd imagine that it's not unlikely that someone wants a site and also wants the site to be found, because what good is investing all that money, if the site is just sitting there.
So clients may look for someone who not only offers to develop everything, but also offers the service of making it visible to people.
>>
>>74386234
Djangofag here. Honestly just do a for x in y thing to populate your tables. There's some Jinja shit that does that right in the HTML. You'll only need to make one row, then just have it iterate over every other row. Sorry you have to do that, sounds useless when there's already table management stuff in the default admin shit.
>>
>>74386212
also I see split opinions on hosting.
Some say it's easy money, others say it's not worth it, just because you always have the looming threat of some issue out of your control, that the client is then breathing down you r neck about.
Having some kind of maintenance/retainer deal sounds good though. But do many people go for that? I think many clients would know how to use a CMS by now and it's not like page styling has to be changed every month.
>>
>>74386302
Alright, I was hoping there might be some nice inlining tools but it seems like that's limited to the changeforms in the admin site. Take out the editing aspect, and throw it onto the changelist itself and that's basically what I want done.

It actually makes a fair bit of sense in context. A has B, C and D objects. Click an A row, see all of its B, C and D rows inline. Surprised there's nothing built in for this since I'd have to guess there's some regularity to requests for such a setup.

ex. A list of pet stores, click a row. See an inline table for all the rows of dogs it has, another for cats, another for birds, etc.
>>
>>74386255
I was thinking more ongoing SEO plans. So creating content, generating backlinks, that sort of thing. But also local SEO, so ranking in the top 3 for stuff like restaurant near me, it's got that seperate results window. Obviously I should offer it as a seperate package but I don't know how to sell something like that when it's so dependent on continual work and even then no guarantees
>>
>>74386309
I'm charging for a year of hosting/server side maintenance up front. I just throw it on my locked down digital ocean vps that I keep updated every now and then. Going to set up monitoring too when I find time so that I can hopefully pre-emptively handle any issues that pop up. And by that I mean by switching over domain names to point at the backup server
>>
>>74380475
literally just watch the net ninja
>>
what the FUCK
>>
I just started a job and I've been tasked with learning Angular. What decent Angular resources are there? I've never used MEAN before and I come from a PHP background.
>>
>>74386309
I would never offer maintenance if it wasn’t on my server.
>>
>>74386309
Not worth it imo, it's too hard to to scale for a one man operation. Unless you're only managing like 5 or less clients. It will take up way too much of your time.
>>
>>74386776
?????????
>>
File: jwt-flowchart.png (108 KB, 1330x816)
108 KB
108 KB PNG
kinda brainlet here, I'm studying JWT as auth mechanism, but encountered some criticism against it (pic related), and specifically about the information that could go stale and differ from server (e.g. an admin user gets demoted)

couldn't find any more info/details on this, so does this mean that people actually store user roles in JWTs? also any good read on JWTs is welcome
>>
>>74386966
How tho?
Answering support tickets maybe but even then if you have enough clients it's become a problem, you can probably afford to pay someone to man phones
>>
>>74387261
Or just set up a reseller account so you can offload the problem
>>
>>74387247
You could store roles in JWT but you shouldn't use that role on your backend. JWT should only let you access endpoints that require authentication. Once the user is authenticated, then the role should be grabbed from the database and you proceed in your controller based on that.

I store the role in the JWT but only to conditionally display UI components. Making a request with it won't do anything unless they have the right role on the servers database.
>>
Any jquery specs?

$J.ajax({
type: "POST",
url: g_strWishlistBaseURL + 'remove/',
data: {'appid':1234, sessionid: "43434"},
error: function (xhr, ajaxOptions, thrownError) {
console.log(ajaxOptions);
console.log(xhr);
console.log(thrownError);
}
});


have this, want to get access to `data` in error callbakc func. How? I only get XMLHttpRequest or a jqXHR object back which is pointless
>>
>>74387740
You have access to data with closures
function doAjax() {
const data = {'appid':1234, sessionid: "43434"}

$J.ajax({
type: "POST",
url: g_strWishlistBaseURL + 'remove/',
data,
error(xhr, ajaxOptions, thrownError) {
// it's still accessible here
console.log(data);
}
})
}
>>
>>74387864
it is gonna capture the variable tho and since I have multiple requests the data will be different by the time error is called
>>
>>74387880
No problem, the variable declared in one closure is not overwritten by the same variable declared in another closure.

Also, if you're not using async/await, consider using this syntax:
$J.post(g_strWishlistBaseURL + 'remove/', { data })
.done((ret, textStatus, jqXHR) => {

})
.fail((xhr, ajaxOptions, thrownError) => {

})
}
>>
>>74387920
Is there a way to avoid formData bullshit if I use fetch instead? It is fugly, Jquery's data { thing, thing} is much simpler and easier to read
>>
>>74387969
FormData is useful for serializing a form, but you can also use JSON.stringify on a object.

fetch(g_strWishlistBaseURL + 'remove/', {
method: 'POST',
headers: { 'Content-Type': 'application/json' }, // optional, but good practice
body: JSON.stringify({ appid: 1234, sessionid: '43434'}),
})
>>
Quick. you own 4chan now.
How would you debloat it?
>>
>>74388040
coolio, thank

>>74388055
What is bloated about it?
>>
>>74387920
>the variable declared in one closure is not overwritten by the same variable declared in another closure.
Okay, what if I need the opposite? I want to reduce the counter on request completed (regardless if error or 200 OK), but I dont want to capture counter var, because otherwise the var-- always will start with initial value instead of current
>>
>>74388055
I would sell it to a retarded Japanese guy
>>
>>74388055
get rid of archives and make it cost effective to run
>>
>>74388492
Then you will have to declare this counter in another scope.

If you're the jQuery anon:
$(() => {
let counter = 0

function ajax(data) {
$.post('/endpoint', { data })
.done(() => {
// success
})
.fail(() => {
// error
})
.always(() => {
// will always run
counter++
console.log(`${data} finished, counter is now equals to: ${counter}`)
})
}

ajax('request 1')
ajax('request 2')
ajax('request 3')
})
>>
Are there any recommended tutorials/books for making CRUD apps
>>
https://www.youtube.com/watch?v=fgneZz-4Foc
>>
>>74388948
https://fullstackopen.com/en#course-contents
>>
>>74388810
Just make a real closure

const ajax = (function() { // <- Don't make this an arrow function.
let counter = 0;

return (data) => {
$.post('/endpoint', { data })
.done(() => {
// success
})
.fail(() => {
// error
})
.always(() => {
// will always run
counter += 1;
console.log(`${data} finished, counter is now equals to: ${counter}`);
});
};
}());


>>74387740
The this keyword in a [non-arrow] function inside of an object refers to that object. The data property then is accessed by this.data inside of the error function.
>>
>>74386788
If you don't mind video tutorials check out Maximilian Schwarzmüller on Udemy, his Angular course is 10/10 and regullary updated. Official Angular docs are also very well written.
>>
hey guys how do i target both the root path and all sub paths using one path expression in express.

i.e. i want one expression that does both /foo and /foo/*
>>
Any guide about good practises in naming or using semantics?
Finished freecodecamp js, html, css but this is just place to learn what all basic tags or commands do.
I want to know some tips and what to avoid before I jump in frameworks
>>
>>74391008
???
>>
>>74391008
That comes partly from reading other people's code, but essentially you just want to make your naming schemes consistent across the project and relevant to what you're trying to achieve with that block of code. I think consistency is the most important because once someone reads through one part of the code, reading through the rest will be easier
>>
AAAAAAA I CAN'T CONCENTRATE
>>
>>74391076
Perhaps you should enroll in a concentration camp?
>>
>>74391109
too bad they've all been shutdown
>>
File: took-issue-with-this.png (164 KB, 1920x1080)
164 KB
164 KB PNG
>>74369945
Team I just did a test-dome for some startup, and I can't figure out why I didn't get the alphabetical test case on this. See the pic.
>>
>>74390806
/\/foo.*/ ?
>>
>>74391138
Can't you show us the failed test?
>>
>>74391192
Nah I've been booted out since. The case it said I failed was the same price case.

Thinking about it maybe I should have inferred the type?
>>
>>74391226
I guess so, everything else looks okay to me.
>>
import 'dart:ui' as prefix0;

Why does VS Code do this when auto importing?
>>
>>74369945
Is flexbox/grid the only CSS you ever need? I mean I am just struggling when I have to do something without cramming a flexbox into a flexbox, or just using a grid.
>>
>>74391836
It'll get easier when subgrid comes into full use, but for the time being, don't worry about nesting flexboxes.
>>
Where is the best place to download web dev book?
>>
>>74380475
Make sure you read reviews. A lot of courses are just pajeets typing code but not really teaching you anything about it.
Basically you just watch them code and you follow allong. Stay away from any courses by a guy called Edwin Diaz, he is fucking terrible and makes constant mistakes and wastes time each lesson fixing them

There are some good courses on there though with assessments, exercises and tests.

I'm doing this one at the moment, the guy is actually a good teacher and knows what he is on about.

https://www.udemy.com/course/complete-php-oop-tutorials-for-absolute-beginners-projects/
>>
I wanna use macos but don't want to pay for Apple products. can I use it for free
>>
>>74392591
Pirate it and use a vm?
>>
>>74383155
remember: it just werks
>>
So I've been just messing around in Flutter and it looks like it's just React with a different syntax. Wtf
>>
>>74391457
Small chance that there may be a bug, I think read an issue on GitHub about something like that a while ago.
But much more likely, that you are actually using a class with a name, that exists in 2 different packages, so to differentiate, VS Code automatically imports one of them as named "prefix0".
I had that happen, when I used "Container" and it appears as a normal Material widget, but also in the gRPC library iirc.
>>
>>74392811
u can do that? neat
>>
>>74392944
Literally 2 seconds in google.
https://www.makeuseof.com/tag/macos-windows-10-virtual-machine/
>>
>>74385780
What's the description of the job?
>>
>tfw entire days pass and I feel don't get shit done at all

First web dev job, front end. Probably not a junior position as I was looking for since I'm doing all the new front end on my own.
Maybe I'll get fired soon.
>>
How are sites like trading view made?
java? Web app in java?
https://www.tradingview.com/chart/?symbol=NASDAQ:AAPL
>>
>>74393552
All we can tell from looking at the code that it's a constantly updating canvas layer. Whatever runs on the backend for an existing is kinda irrelevant to the end user. But you could probably create something faster and more interactive with d3.js
>>
>>74393552
that shit is truly impressive
>>
>>74393552
ez
https://www.anychart.com/products/anystock/overview/

There are tons of javascript stock chart libraries.
>>
>>74393552
>How are sites like trading view made?

https://builtwith.com/?https%3a%2f%2fwww.tradingview.com
>>
>>74393621
>
>>74393711
>>74393745
>>74393782
You guys don't trade?
>>
>>74394072
You need money for that ;_;
>>
How do I debug JS without wanting to kill myself?
>>
File: two.png (149 KB, 1280x707)
149 KB
149 KB PNG
>>74394139
Add Brain and Gut.
>>74393552
love the aesthetics of this site
>>
>>74394177
just pray Mr. Rothschild doesn't decide it's reaping season
>>
web technologies are so many i am getting confused what to choose. if i chose something now tomorrow something else will become famous.
>>
>>74394208
This.
>>
>>74394208
Farming, you're looking for farming.
>>
>>74394072
Can my broke ass with 5k, trade?
>>
Has anyone who is self taught had success with getting a job in another state from where they're at? The market in my area is small from what I've been looking into. Or I haven't been looking hard enough.
>>
File: tables.png (31 KB, 1249x995)
31 KB
31 KB PNG
>>74369945
I could use some wisdom. I need to put three tables like in the leftmost (1.) figure. The Oval is something else.
What way should I go about it? Asking which is the best practice for similar projects in the future.
>1. Pure HTML, and some css
>2.Use one giant css grid layout for the entire web
>3. Use a flexbox for each row
>4. Make the tables css grids as well
>>
>>74394208
>>74394216
Not really you guys are just stupid niggers.
>>
>>74394453
Just use a 3 grid column. 1 grid for each table.
>>
>>74393479
Also, this is literally me.

I'm just going to put some hours after work at home and hope for the best. I can't take going back to NEETdom.
>>
>>74394208
Just use the core ones. Html, css, js and php. Only use others if you need to or want to learn something new.
>>
>>74394516
And the tables themselves? Should they be raw html using the table, th, td tags, or should I make them tiny css grids?
>>
Is it possible to create an animate checkbox slider input similar to this
https://codepen.io/AllThingsSmitty/pen/MmxxOz/

But using a single input HTML element?
I don't think so, since you can't use ::before or ::after in an input, but I'd like to be proved wrong.
>>
>>74394453
>>74394785
MDN Web Docs says, if it is table as in like: https://nssdc.gsfc.nasa.gov/planetary/factsheet/
you should use HTML, if not: css

https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics
>>
>>74394785
>>74394453
If you have tabular data it should be in a html table. If it isn't tabular it shouldn't be in a html table. As for how to position the tables do whatever you feel is the best way, it doesn't really matter.
>>
What's the usual approach to provide multiple translations for a website?
>>
>>74396024
Google translate
>>
File: fuckapple.gif (12 KB, 220x213)
12 KB
12 KB GIF
FUCK APPLE
FUCK SAFARI
FUCK STEVE JOBS

FUCK ALL THESE SHITS

i fucking hate supporting this fucking shit ass browser that indtroduces bugs out of fucking nowhere bc apple are a bunch of asshat pretentious faggots

to make matters worse they fucking FORCE EVERY iOS BROWSER TO USE SAFARI

bc they KNOW no one would use that FUCKING PIECE OF SHIT if it wasn't for that

REEEEEEEEEEEE
>>
>>74396483
Today I heard my boss telling a client to go fuck himself after demanding Safari support.
>>
>>74396526
seriously, it makes my job a lot more annoying

in a way it tries to box you into developing always safari first, bc very very rarely you'll encounter problems in chrome/firefox if you run well on safari.

piece of fucking garbage.
>>
>>74396483
const isSafari = navigator.userAgent.indexOf('Safari') != -1
&& navigator.userAgent.indexOf('Chrome') == -1;

if (isSafari) {
alert("Browser not supported")
delete_OS();
}
>>
>>74396588
based dubs
>>
>>74396483
>using mac os
Dumb frogposter
>>
>>74396588
https://gs.statcounter.com/browser-market-share/mobile/worldwide
22.88% is too much to "lol not supported" 2bh
>>
>>74396588
Kek
>>
Who absolute mental midget has "invented" this dog shit called JavaScript.
>>
I actually enjoyed front end while I was studying on my own. Since I started working for a company I hate CSS and JavaScript.

Now if I do something on my own I do basic styling with Tailwind and use TypeScript.
Fuck muh design bloat and fuck debugging JavaScript.
>>
>>74396646
see the following
>>74396657


>>74396766
eh, i like js. only thing i dislike is how bad to read it can be at times, but mostly its fine. typescript tho, elevates js to a shitfuck better.

i've programmed in c#, java, ruby and javascript/typescript

hated ruby when i was learning it, but now i really miss it. typescript is really good, but java and c# are both on another level imo.

best thing about javascript is the event loop and first-class functions. plus i do enjoy the arrow function syntax

>>74396855
front-end is only annoying when you're bad at it bc debugging it is a pain. after you learn how to use html, css and the DOM api properly its smooth as butter.

react + typescript is a fun as fuck combo
>>
>>74396865
>front-end is only annoying when you're bad at

It's alos bad when you work with a team of 7 guys that never heard of good practices and a 7000 lines CSS full of important rules and styling not tied to pages at all.

It was comfy when I used TypeScript, SASS and JS modules on my own.
>>
>>74396890
s-show me good practices sempai
>>
>>74369945
>List of PHP resources
>https://pastebin.com/gfBPg24A (lots of stuff, should be re-checked and trimmed maybe?)

This needs adding to

Beginners
https://www.guru99.com/php-tutorials.html
https://www.youtube.com/watch?v=pWG7ajC_OVo&list=PL4cUxeGkcC9gksOX3Kd9KPo-O68ncT05o
https://laracasts.com/series/design-patterns-in-php
https://laracasts.com/skills/php

PHP OOP/PDO
https://www.tutorialspoint.com/php/php_object_oriented.htm
https://laracasts.com/series/object-oriented-bootcamp-in-php
https://laracasts.com/series/object-oriented-principles-in-php
https://www.youtube.com/watch?v=LuWxwLk8StM&list=PL4cUxeGkcC9hNpT-yVAYxNWOmxjxL51Hy
https://phpdelusions.net/pdo

Free coding tutorials
https://www.codeofaninja.com/php-programming-tutorials
https://daveismyname.blog/creating-a-blog-from-scratch-with-php


Paid courses
https://www.udemy.com/course/ultimate-php-course-for-absolute-beginners/learn/lecture/15120670#overview
https://www.udemy.com/course/complete-php-oop-tutorials-for-absolute-beginners-projects/
>>
>>74396955
archive link to myself in case i forget: nigger faggot
>>
>>74396890
>It's alos bad when you work with a team of 7 guys that never heard of good practices and a 7000 lines CSS fu

honestly, at the company i work at this is severely mitigated by the use of styled-components with react (amazing shit really)

but yeah, this is still an issue. one of the guys in the company is a fucking troglodite and always does things worst way possible and goes around breaking my react components any time he has a user story associated with it. to make matters worse he has fucking shit taste

but yeah, styled-components does save me A LOT of headache
>>
>>74391138
Your comparison function shouldn't return a boolean but rather an integer (int32). You should instead have something like below.

function sortItems($a, $b): int {
if ($a->price == $b->price)
return ord($a->name) - ord($b->name);

return $a->price - $b->price;
}
>>
>>74396968
Could be worse believe me.
I am limited to raw as fuck JS, no compiling at all.
>>
>>74396932
less is more
>>
>>74397002
>I am limited to raw as fuck JS, no compiling at all.
That's not so bad. I've written large ass projects that way and it's fine as long as you keep it organized, both the code and your mental picture. Very advisable also to stick to some sensible set of best practices. Which one matters significantly less than how consistently they are applied.
>>
How do I use ML/GPT-2 to fill up my web page with absolute content
>>
>>74397208
Yeah, I'm not denying my part of fault, I'm kinda new and the project itself was modified along the way.
If I had a crystal clear idea of what I had to do before even writing a single line of code things would have went a lot smoother.
>>
>>74396865
>only thing i dislike is how bad to read it can be at times

It appears to me everytime something was broken someone licked some paint and huffed some asbestos to 'fix it', this shit is like picking through trash when you read its documentation.
>>
>>74397380
accurate. i think the issue is not only with js but how low the barrier of entry is on the job market
>>
>>74369945
>no 360° overlook
bad design.
>>
The return type 'List<Map<String, String>>' isn't a 'List<Map<String, String>>', as defined by the method 'getCatalogue'. dart(return_of_invalid_type)

Is Dart retarded?
How do I fix this without making the function dynamic?
>>
>>74397503
can you post the function definition and how you call it?
>>
>>74378256
Im kind of in same shoes as this guy >>74376815
I see so many job offerings for wordpress and drupal and they give interest in me because I have experience with PHP and Laravel but I never get the job because I dont use WP/Drupal.

the fuck do I need to do in a cms to convince them to hire me? is it even hard?
>>
>>74376815
>worked for a year with angular and spring boot
>super new

what
did you just scratch your balls at work?
>>
>>74393479
what is your job and why would you be fired?
>>
>>74393479
do as:
>>74394538
sad but you gotta be worth the money
>>
I want to make a start page that fetches some data from an API, in addition to having some links. How would I go about learning to make something like this?

On a tangential note, what ever happened to the start page generals this board used to have? Lack of interest? /wdg/ takeover?
>>
>>74398745
MDN for HTML and CSS
https://developer.mozilla.org/en-US/docs/Learn/HTML

JavaScript.info for javascript
https://javascript.info/

all you need
>>
>>74397503
Did you forget to specify a future in an async function?
>>
does anyone now of a good method to keep track of page DOM mutations?
>>
>>74398876
MutationObserver
>>
>>74398817
Yes. Though I just made it dynamic in the end.
>>
So far I'm doing all my homework and understanding everything, here's hoping I keep it that way. I wish I could be working on future projects on the side, but so far that's too much for me. I guess I gotta take it slow. I wish I was super productive like some of you guys over here.
>>
What's a good laptop for Webdev? What do you use? Can't afford to have a desktop since my home is smoll
>>
>>74399114
X1 Carbon
>>
>>74399114
I bought an HP Envy for $600 and it works well for me
>>
>>74399114
I bought a used Dell Latitude E5450 for 300€.
>>
>>74399114
how small?
You honestly don't have room for a little PC case?
>>
>>74399114
What's your budget?
>>
>>74399353
Very small; Taiwan/china level small, so small that I don't have a bed. Basically a couch. I already have a old T410 for personal use that is in no condition for work related matters I keep under the couch.

>>74399359
Whatever it is, I want something good. I'll save the money for it and do a tax write off.
>>
File: 1401323581055.png (23 KB, 552x331)
23 KB
23 KB PNG
Does anyone know how to get line numbers to show up on empty rows using CSS counters? The problem is that I can't inject text into replaced elements (i.e. <br>) and I don't really know how to work around it. And yes, I know it's easily fixable using JS, but that's not the point.
>>
>>74399960
https://css-tricks.com/almanac/properties/c/counter-increment/
>>
new thread

>>74400165
>>74400165
>>74400165
>>
bump limit
>>
reached



Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.