Previous Thread:
>Free resources to get started
Get a good understanding of HTML, CSS and JavaScript.
developer.mozilla.org
developer.mozilla.org
freecodecamp.com
codecademy.com
bento.io
google.com
>Further resources
github.com
youtu.be
jsfiddle.net
/wdg/ - Web Development General
Eli Allen
Aaron Long
sry Sup Forums blocks my code in the post
Kevin Bell
>all oyu need is some side-scrolling text and your all set with your web 1.0 site
Don't talk to me or my website's son ever again.
Also, it seems like every web 3.0 site looks exactly the same.
Austin Gomez
true, from one lame standard to another. I sure love scroll locking and parallax backgrounds
Jordan Rogers
What's the best ORM helper for php?
Anyone use RedBean?
Just took a quick look at the docs and it looks awesome!
R::nuke();
inb4 php-hating nodejs SipBoys
Lincoln Lopez
php and nodejs are both shit, as is ORM
Nolan Hill
anyone know any fonts i can use with CSS that look like 1001fonts.com
Luke Walker
Just use Laravel and the Eloquent ORM
Adam Walker
as you scroll down the page there's like a fixed space-y background, but when you get near the bottom it seems like its replaced by a different fixed background
anyone know how I can achieve this? or am I stupid and missing something really obvious
Christopher Roberts
it just looks like a bunch of elements with their own backgrounds and one background-image on the body
Landon Thomas
Hibernate
Samuel Harris
typical parallax across the whole thing then the last one has a different background, it's exactly the same as the previous "dark" parts but there's an image instead of a dark gradient
Benjamin Wood
This is getting ridiculous. What is that, 4 backgrounds?
>when you website is a black page if JS is disabled.
We need to have like an intervention for everyone's addiction to JS.
Ryan Cruz
>not doing that via CSS
You won't get much in terms of extensive parallax but you'll be able to at least accomplish that with the backgrounds with absolute positioning, z-index, etc. There's no reason one should rely on JS for simple shit like that.
Nathaniel Roberts
Jayden Carter
Who here laravel brainlet. I'm having a lot of problems dealing with the learning curve, after using CI for my past projects.
Cameron Watson
anyone noticed the npm UI changed? i don't even know why people bother changing things for worse.
Joshua Moore
didnt even know npm had a gui desu
Dominic Ward
that was my reaction when i saw the news earlier
Josiah Evans
*triggered*
William Wood
???????????????????????????????????????????????????????
Aaron Foster
Working with a legacy codebase. Some parts use jQuery UI and I want to fucking clean that shit out.
Can't use a framework though. Luckily i think it's just a few smaller implementations like date/time pickers and some draggable things and the like. What's a good alternative to replace it with, or is it worth the hassle?
Nathan Campbell
goodness fuck
Jaxson Roberts
>when you hire Pajeet
James James
does it mean i cannot bash $ npm install anymore without logging in ?
When will dipshits posess the " if it aint broke, dont change the layout!" mentality?
Matthew Walker
NPM is a shit org.
Chase Martinez
>sry Sup Forums blocks my code in the post
This shit is annoying as fuck. Isn't that what [ code ] blocks are for? To protect against XSS?
Bentley White
[ code ] blocks are just for formatting. Sup Forums already escapes any html you put into your posts anyway, like if I do this it doesn't actually embed that tag. They just block when you use a lot of html declarations as an extra precaution I guess. Even when they're just normal tags, not even script or whatever.
Nolan Williams
Sup Forums blocks random code snippets with or without HTML in them. I nor any other regular user knows what sets the spam filter off
Ryder Perez
What happened to the discord server?
Angel Diaz
script tags seem to also make it sperg out
Nicholas Jenkins
there was a discord server?
Jeremiah Ortiz
Just like write there. I tried doing script but got connection error.
>pic related
Jaxon Bailey
...
Ryan Rogers
"connection error" often means that you have to use the form at the top of the thread
Juan Jenkins
how does that make any sense if it POSTs to the same place?
Julian Martin
Wizard.
Noted. Thanks, user
Henry Reed
Hm, this is true. Perhaps there's different client-side validation for the separate forms? I don't see why they would do this, though.
Benjamin Walker
Sorry if ionic isn't webdev enough, but FUCK working with ionic. Making the project is a breeze but when you have to make the build for android or ios or install any plugin the entire building explodes into flames.
Jonathan Collins
Guy in Texas looking for job, I can get you one in southlake.
Luis Gomez
How hard is it to legally set up your own freelancing shit, or is it just better to let pajeet rape your asshole on some freelancing site?
Thomas Perez
how did you know i'm still here
Jace Wright
I didn't, just threw it out there in case you read it tomorrow.
Caleb Powell
What are some "must-do" things before pushing a create-react-app as production?
Wyatt Williams
throwaway [email protected]
Benjamin Gomez
check out glitch.com, free hosting for nodejs
Easton Brown
I have a custom fontello icon font so that I can easily encode symbols on a web page. I'm on a mac, and I used to have a program that could tell me the HTML number codes for all of the various character symbols, (like for example) but I switched laptops and don't have that anymore. Is there a simple online way that I can upload my font and see what the HTML number codes are for the font character icons??
Dylan Stewart
I'll send you an email tomorrow. I have work in 6 hours so I'm going to bed.
The job is PHP btw but you don't have to know it to get the job. You just have to be able to answer a stupid easy logic puzzle.
Jordan Morgan
Is there any packages for react, that can help record web page?
Justin Powell
i'll have to create a new throwaway, but i'll be on
Jose Flores
Don't listen to them, RedBean is the comfiest.
You can always move to others on a later stage if you ever need more performance.
I haven't found any other php ORM that makes you save that much time and does all that magic under the hood.
Austin Turner
I just started a Junior Developer job this Monday (specifically, MEAN-stack development) and I'm concerned I'm not picking it up quick enough.
I have experience with front end technologies but the MEAN-stack is a fucking lot of complicated stuff on top of that.
Has anyone had a similar experience and, if so, how did it turn out?
James Turner
>>when you hire Pajeet
this is probably an error due to flex box. doubt pajeet knows how to use it, it was probably an sjw gurl programmer
Jacob Butler
Is it worth getting any of the Amazon certificates?
Carter Taylor
Being a full time Angular dev, I tried to build a blog with this shit. It just doesn't work
Angular Universal (for SEO) just doesn't work with firebase-functions. I get bugs and errors left and right.
What should I use instead of Angular to generate static pages. Generators like Jekyll or Hugo fucking suck, working with those I feel like some liberal arts person who never did any programming in his life.
Jaxon Jackson
It's a subtle marketing trick. Users are very unlikely to choose the middle tier anyway so this nudges them over to the enterprise tier just a little more.
Tyler Baker
react?
Jeremiah Robinson
Vanilla JS + CSS + HTML
done.
Joseph Ross
>defending your shitty pajeet tier garbage code
No, the height is defined by how much text is in each box, if you edit less/more words in it the height changes.
Also it's not even a grid system. It just has 33% width and is floated, so it looks fucking stupid and doesn't fit properly at anything less than a desktop resolution.
BONUS MEME: they're not even styling things with classes, they're using like a thousand fucking ids
This is fucking atrocious, even for a junior.
Owen Gutierrez
Vanilla is boring and I hate facebook. What about SSR with Vue? How is NUXT?
Matthew Wilson
Good luck being a master web dev if you find vanilla JS to be boring.
Aaron Allen
>Why do i have to drive this manual car instead of an automatic?
Jayden Butler
Hey dude, thanks for looking it over. First I've heard of Object.keys(). Looks very compact and refactored. :3
William Lewis
Look, my blog is supposed to show potential employers I know about front-end-dev-ops, eg setting up the framework I will be hired to work with
Sebastian Harris
There are more frameworks than people in this world.
Just pick a easy one like django/flask
if you have to ask these questions, you ain't gotta clue about this field
Leo Powell
no
Jonathan Green
>Yeah user all you need to get hired is some basic projects made in the LAMP, MEAN, or MERN stack
>Oh cool, now all you gotta do is learn these 3 dozen other things!
There's just so much to learn. It's insane if knowing all this stuff is require for an entry level full-stack/backend job.
Logan Green
> Just pick a easy one like Rails
Cooper Peterson
At what point can you start looking for webdev jobs if you're self taught? Just finished first website with a little bit of JS for whistles, but mostly html/css. Should i start applying now or dip into a framework?
Xavier Taylor
spotted the bootcamper retard who got tricked into a 3 month ROCKSTAR CODER meme for $10k but came out with basic knowledge of html/css/js and a bit of very basic back end todo app ability
Adrian Hernandez
Is this the proper way of binding query variable using RedBean?
You know, to prevent sql injections and shiet, just like pdo
$title = "SQL Dreams";
$book = R::findOne( 'book', ' title = ? ', [ $title ] );
echo $book;
Jace Perry
They wouldn't have hired you if they felt like you couldn't pick it up. Take a deep breath and tackle each aspect at a time, you'll do just fine.
If you don't mind me asking, what's your educational/experience background? I've been learning the MERN stack while getting my Bachelors and I'm nervous about finding work when I finish school.
Levi Howard
Not even remotely close.
Jack King
Thanks for the kind words friend!
So I'm in the North West of England, and my educational background is that I did a Bachelors in English and then didn't get a decent job off of that.
While working admin in a sales office for the past 12 months I started to learn front end stuff in my spare time (usually 2 hours or so after work) and about 2 months ago, after some awful internal changes at work, I decided enough was enough and started applying for junior dev jobs. I built a few cute tools in pure JS (my favourite is my Pomodoro clock) and apparently that was all enough to get into a spot.
Samuel Rodriguez
Nice, I actually built a Pomodoro when I was running through freecodecamp so I guess that means I have a shot. Good luck with your new job!
Cooper Green
I needed to keep building things and I figured the best practice would was to replicate existing tools since it's easier to tell if it's functional.
The Pomodoro is my favourite thing I've made, it's not perfect but I'm very proud of it.
Fun fact: I almost got accepted into an IT consultancy for software testing based purely on a bit of background reading. I didn't, but the person whose fault that is is getting sacked. Fun shit.
If your studies are computing related, you're laughing, bruv.
Julian White
Professional front-end dev of 7 years here.
If you want help with anything that has to do with pure HTML/CSS/JS, let me know.
Juan Gonzalez
Is there some lightweight IDE that will just let me play with a simple HTML file with inline JS plus a JS and a CSS files? I just want to be able to see what some called function does without hunting down its code, without having the IDE load a million modules for shit like Silverlight or whatever the fuck.
Christian Jackson
I think maybe icomoon.com might have that functionlity.
Hudson Butler
Chrome Dev Tools?
Jackson Hughes
Brackets
Jeremiah Torres
1. how much money have you made so far a a front end dev?
2. what's the hardest problem you had to solve in your job?
3. post resources that helped you reach where you are today
William Powell
There's no real definitive answer to that question. Whenever you know (/strongly believe) that you're able to do the job you're applying for, would be the right time.
>how much money have you made so far a a front end dev?
Started out at 2800€/month, for 6 months, then got a raise to 3500€/month, and after a year to ~4k a month. Haven't really felt the need to make more, as that would most likely mean more responsibilities and/or less coding and more managing coworkers/clients. I like coding, and 4k/month is quite enough for now.
>what's the hardest problem you had to solve in your job?
There hasn't really been anything difficult per say. I got my first job at a point where I was already pretty experienced in front-end and back-end. So my skills covered everything that was expected of me. The only times when I've actually had to learn something new, were when I was required to use some specific library/framework to work on a project.
I've mostly focused on keeping my job as-is, instead of progressing in my career, because I feel like this is where I want to be and what I want to do. So my skill-requirements havent really changed during this time.
But coming up with a new design always has its challenges, and sometimes I do get artistic block. So I guess that'd be the most challenging problem I have to solve often.
>post resources that helped you reach where you are today
>MDN
>Stack Exchange
>regex101 is free resources like webfonts, icons, stock photos (stocksnap, font-awesome, google fonts)
>frontendchecklist.io is pretty gud
>realfavicongenerator.net is a life-saver
>online PHP compilers for time-saving snippet-testing
>Sublime Text for text-editing
Cameron Walker
Can Mutation Observers detect changes in localStorage?
Carson Lee
Another question about Mutation Observers. How bad would it be not to call the disconnect() method on the observer? I have something which needs to be observed always.
Christian Thomas
would probably be even better to get the board and thread ID from the URL instead, like
const pathParts = location.pathname.split("/")
const board = pathParts[1]
const threadNum = pathParts[3]
const storedPosts = Object.keys(JSON.parse(localStorage.getItem('Sup Forums-track-'+board+'-'+threadNum) || [])).map(el => el.slice(2))
for(const postNum of storedPosts){
document.getElementById("p" + postNum).style.background = '#f5f5f5'
}
and a default value, in case no postNums exist in localStorage
Alexander Richardson
I would say webpack but you sound reeeeeally dumb so maybe Wix of Squarespace is your speed.
Robert Scott
What part feels complicated to you?
Benjamin Torres
Love that pathname.split.
>tfw /wdg/ is a positive community focused on learning and sharing knowledge
Andrew Watson
React and Vue also can generate static pages with Next.js for React and Nuxt.js for Vue
>Jekyll,Hugo,Hexo,etc.
It depends on what you want and need.
For many use cases they are a very good fit and they don't write your HTML,CSS,JS by themselves.
Hope you are not confusing them with those online website builders.
oh just saw this, but yeah it's pretty good imo.
Don't have a direct comparison to Next.js, but I guess they have very similar functionality and do a good job.
You can run it on a server for dynamic server-side-rendering, compile to single-page-app or generate static HTML pages for each if your Vue-Pages.
Jace Reed
Parker Scott
jsfiddle.net or codepen.io in the browser?
Or a good editor like vscode in combination with a simple dev server you can start from the command line. I know that's easily possible with Python or Node and you will be able to find it with google.
Webpack-Dev-Server for more serious stuff.
Dominic Moore
>realfavicongenerator.net
oh wow that's neat.
Wouldn't have imagined that someone made a website to check favicons like that.
Also another reminder how many retarded details you have to pay attention to, when you want to produce something with a degree of polish.
Julian Miller
I don't use a framework and just have a single main.js file with my JS.
Would I benefit from switching Gulp out with Webpack?
Only real difference I can find is the dependency aspect, which I can't utilize anyway.
Michael Ward
I would imagine it uses PDO under the hood, or at least I hope it does
Matthew Walker
he did a pretty good job on his site. hopefully things will settle down this year with the huge and increasing popularity of react so that we won't have to worry about new memes to get jobs. react will be the new jquery.
Camden Martin
whats the best or most common way to check your code for browser compatibility?
Liam Gutierrez
caniuse & MDN
Brayden Anderson
no i mean to test my websites and mobile apps to see if they look right and work correctly
Andrew Bennett
Either just have the browsers you often test for installed on your dev machine(s), or something like:
browserling.com
browserstack.com
browsershots.org