/wdg/ - Web Development General

Last 2 threads 404'd with 9 and 32 replies respectively.

Maybe... just let it die.

Does anyone have a link to what should be included in a portfolio. I am talking for the most basic entry level web design job.

>>58180317
anything.
put stuff you made on it.
a simple script.
a simple game.
a simple page.

better to have something instead of nothing.

>>58180058
Where do you except people go?

>>58180317
forget portfolios, make a github account

So is react and angular all a part of entry level web dev stuff? I thought just a basic understanding of HTML/CSS/JS and some of the server basics and deployment basics were enough.

Why is it impossible to find a job listing that doesn't have a bazillion frameworks and languages listed as required experience?

How the fuck do you get in this industry?

>>58182951
react and angular are just fads. and you don't need a basic understanding of HTML/CSS/JS, you need a very good one.

>>58182977
Whoops yeah that was kind of a typo, I meant to say just the basics: HTML/CSS/JS to get started. Dunno why I threw that basic understanding part there.

My school had a JS class that I completed and I basically learned to fucking copy code and at the end of the class I still don't feel like I know that much about JavaScript. It is definitely my weakest area. I've done a few of the youtube tutorials too but that just means I'm copying THEIR code as well, I understanding the basic concepts of it but I'm still shit.

This is suffering.

I am trying to change some data in js like this dataset[0].data=0; but it doesn't work inside a click function, how do I refresh the new data values?

>>58180058
web dev have family to visit during christmas. apparently you didnt because you spent all day browsing /g/ and masturbating

>>58183155
Make something yourself.
Then do it again.
And again....

>>58183599
What is the scope of dataset?

>>58183906
This.

I tried to hop into /dpt/ and it was awful.

>>58182951
>How the fuck do you get in this industry?
Have a CS degree or network your ass off.

There is no middleground anymore.

>>58183939
its array of objects like this

 
var dataset = [ { "data1": 1, "data2":2},  { "data1": 41, "data2":21}, { "data1": 3, "data2":5}];

I'm building what is basically a shared todo app.
User registration, authentication, and "group" todo boards users can create/join
It's using express, MongoDB, react, flux

I have a portfolio that's basically:
- the project above
- a few form controllers written in vanilla JS and some designed implementations
- another web app in vanilla JS of reasonable size that could've been better
- some extensions & HTML generators written in angular
- and a static website I built for a friend.

How far away am I from a job in front end? I have a solid understanding of web technologies, but I'm not sure it's enough. I don't have a CS degree.

I'm trying to get a deeper understanding of design patterns and the development process.

>>58184094
Finish the project and you should be good.

I have a web page with html forms, the action is a php script and the method is 'post'. I keep getting a 403 error and am confused as to what the cause of this might be.

>>58184115
I have not seen this before. What server are you running and what configs did you fuck with?

>>58181175
Reddit :^)

>>58183906
I looked in the archive

I'm trying to think of something to build with Django that isn't a glorified Twitter clone. Help.

>>58184588
It is someone else's server and I have no Idea about 'configs'

>>58184114
thanks for the feedback

>>58184754
A video streaming site where files are stored encrypted. Ala mega.nz.

>>58185020
Seems like it'd invite legal trouble.

>tfw no room left for ads

Only place they could go would ruin the layout.

Interstitial would ruin the experience.

Idkwtd

>have a wordpress site
>bots try to login thousands times per night
No wonder old sites get hacked.

>>58186513
You should design sites with ads in mind.

File: inspo.jpg (98KB, 2560x2238px) Image search: [Google]

98KB, 2560x2238px

Any name for this style of design? I can't really call it "minimalist" because any searches for "minimalist" web design creates all sorts of bloated hipster bullshit. I'd appreciate any sort of inspo similar to this, looking to make a simple personal/portfolio site.

>>58186513
Don't use ads, shit for brains.

>>58187062
Minimalist dark theme?

flexbox is godsend

>>58187257
flexbox could have prevented 9/11

>>58187086
Alternatives?

Serious question here.

>inb4 donations

>>58187280
Create a product and sell it on your site.

>>58187257
Why is it better than bootstrap or foundation?

>>58187280
Sell some shit. Beg for donations. I run a non-profit site that hosts normally hard to get content and I got around 150 BTC in 4 days which is enough to support servers for about 1.5 months without me having to pitch in.

>>58188018
$150 BTC*

Are there any good guides on making a website like steam but for a different type of media?

>>58187900
>Create a product and sell it on your site.
My websites provide services.

>>58188135
So does your mother.

>>58188034
I'm guessing you are giving some donation incentive? What incentive?

>>58188167
I essentially just point out that this content would cost the user x amount of casherinos on shady reseller sites. I'm also open about how much the site costs to run and how much has currently been received. Not really any incentive, but I'm in a community where people usually have a lot of spare super shadily aquired bitcoin laying around, so if your site is focused around toy reviews for kids then you're out of luck.

>>58182951
It's pretty variable, sometimes propel are hired who barely know html (RARE)
Networking is EZ mode if you can soicalize

Otherwise make a decent portfolio showing competence with html/css/javascript and stuff in bootstrap in everything. Or learn a CMS like wordpress and get one of those jobs.

Generally build a portfolio and look and see what people in your area hire for.

College degere isn't that important, even just html/css/javascript have a portfolio and know what your talking about and you can get hired.

>>58183155
read some of the books on it, some are pretty short (javascript the good parts)

or just read through the entire MDN documentation (thats what I did)

>>58184094
What do you mean form controllers?
What kind of webapp?

Does anyone have any experience using flask-secure?
I was wondering if it's a good library to handle user sessions and authentication.
Seems pretty nice but was curious what yalls take is.

Why bother learning html5 when you can do everything easier and better with wordpress?

>>58188154
#REKT

>>58189177
Sandeep pls

File: fragezeichen yui.png (94KB, 396x395px) Image search: [Google]

94KB, 396x395px

When a reader of my site turns his phone horizontally, the font he's reading just gets bigger. Sometimes an extra word or two is fit into the line, but it mostly stays the same?

How do I keep the font largely the same as the vertical orientation, but display more words per line?

File: 57117b4f4b559.jpg (68KB, 700x700px) Image search: [Google]

68KB, 700x700px

>tfw fell for the single-page app meme
>google ads rejected me for "insufficient content"

>>58192166
maybe your routing is just shit and google can't make out what a page is and what not.

>>58192271
no its just that google prefers shitty blog sites with tons of page loads even though my one page app has tons of condensed content.

a lot of my text content is inside titles, does google index content inside titles?

>>58192315
No it doesn't.

>a lot of my text content is inside titles, does google index content inside titles?
What's a "title" for you?
How much content are we talking here?
Can you provide an example page?
Did you check googles webmaster tools to see what it has crawled and what it sees?

>>58192355
well desu most of the content is javascript generated and I have a bunch of hover tooltip text inside the div's title

but in their description the problem was more about having low page count not about the content, I would imagine google has the history of everyone that goes in a website so they can generate ads based on their history instead of just the page content

>>58192390
google does index javascript generated content, though putting your content into hover tooltips seems to be even very user hostile.
>leave cursor here and don't move to read text

your page being a spa has no impact about your content or how google crawls it.
try submitting a sitemap if your other pages are missing.

>>58192467
its just the type of my app, its not supposed to be a normal page to read it has interactive js functions and tooltips is the most efficient way to display the info needed. google wants me to create tons of pages and spread out the info which I really don't want to do

>>58192166
>tfw wrote 0 content and got accepted.

Have your users write stuff.


Also does Google get mad if I use ads from one site to another? I have an adsense tied to my youtube and a few websites. It doesn't seem like Google gives a shit what site it goes to.

>>58191431
use mediaquery anon. Hes doing nothing more than changing the screen width/height

>>58192740
if you use credible networks and don't overflood page with ads they won't have problem

how many pages you have?

>>58192787

Websites or pages? 2 websites at the moment. Third coming up shortly. Missed my Christmas launch.

trying to make an UI for my javascript based game and im going insane
too stupid to even get the correct layout

do people still use iframes?

>>58194185
every embedded youtube video is an iframe, so yes.

>>58187062
it feels like one of those comfy aesthetic threads, like when people post their rainmeter desktops or new tab windows
you could try those threads

>>58188293
not the original guy but can you give the site link pls?
>inb4 nsa

professional HTML software dev here, ask me anything. Even CSS algorithms, i got you

>>58178871
I am going into a paid internship starting in January that uses Angular and C#. What exactly will the C# be doing do you think? Any suggestions on some resources or fundamental things with Angular (I have 0 experience) that might give me a good start?

>>58194684

Both those are cringy. M$ .net bull crap plus an unnecessary front end framework. Yikes. You'd be better of learning Django or Node.

>>58194739
The .net bull crap is one of the best backend frameworks you can use.

>>58194684
You will most likely being using C# to make web services with ASP.NET Web API.

Your Angular app with then consume those services.

>>58194739
I didn't ask what public opinion was. It's a paid internship. I just wanted some help prepping for the job before I go in sense I have downtime over the break.

What free text editor / IDE can you recommend for a newbie web developer? Right now I'm going through HTML, CSS and JS, and eventually I'm going to learn backend stuff as well.
Right now I jump back and forth between Sublime3, Atom and VSCode. I'd like to have good snippets, good autocomplete and detailed syntax highlight.
I know it's mostly down to the personal preference but still I need some advice. Or maybe recommend some must have extensions for html, css and js?

>>58194800
Webstorm isn't free per se but if you are a student, you can get a lengthy free student license.

>>58194791
>consume those services
I don't know what that means.

>>58194753

i run an IIS server but i refuse to use .net. It's an unnecessary layer IMO that doesn't teach you as much. New naming conventions, .net specific errors, etc. Sure it works. Sure it makes some things easier. But it's also a M$ technology that tries to spoon feed you. My programming stress has dramatically decreased when i installed linux and dropped .net. But hey man if it's a job then you got your foot in the door. good luck

>>58194800
Sublime 3 cause it works

>>58194861
That wasn't me, but thanks for the kind words.

>>58194798

we aren't going to help you prep for your job no more than googling will. Not trying to be a arse, but i try to sway people away from .net whenever i can.

also, i hope they're using Angular 2.0....

>>58194835
You will interface with a RESTful web service.

Meaning you will get data from a URL in JSON format.

Don't worry it's super simple and you will learn it quick enough.

>>58194800

if youre looking for a free text editor for web dev then you can't go wrong with notepad++ or sublime. Just pick one. For being a complete beginner i would just roll through codecademy and w3schools tuts. Learn both front end and back end.

>>58194895
They aren't but the team lead told me to jsut start learning 2.0 because they were eyeing switching to it.

>>58194914
Ah okay. Yeah, I made a web app using python and flask that was supposedly "RESTful" for a group project last semester.

>>58194800
I use Sublime and VSCode professionally.

So I started with HTML and CSS and I'm able to make a static website. I wanted to pick up javascript but I just find the youtube tutorials way too boring. But my question is, are you supposed to learn all the commands like you would with vocabulary or should you learn them as you go (practicing)?

>>58194217

so if my app has buttons/links that brings up some forms but i dont want to open new tabs or windows then using a iframes would be the best choice right?

>>58194977
Learning as you need them is the best way to go. Otherwise, you will waste more time trying to retain things that are only represented

http://ksuweb.kennesaw.edu/~jgarrido/CS4720_Resources.html has a bunch of good resources you can reference. The professor took it from what that retired and he knew his shit.

>>58195025
took if from a professor that*

Not enough coffee this morning.

>>58194977

the problem is you don't know how to program. Don't worry. I'm not an expert either, but if youre asking this type of question (doesn't even matter what language we're talking about), you don't know how to use the langauge or know what its capable of. I think JS is fine to start with to learn basic concepts, but I would start with C if you want to be a programmer. What exactly are you trying to do with javascript?

>>58195051
He's wanting dynamic pages... I hope this is b8

>>58195066

it's not b8 at all. I'm asking what he's trying to do. He didn't specify if he has a db, if he wants to just change front end elements, if he wants to set up a server, etc. "Wanting dynamic pages" doesn't really tell us anything.

>>58195066
this anon was right, I'm looking to get into front-end development and I was thinking of eventually getting into php as well
>>58195098
i'm a noob I probably should've said that before

>>58195025
looks interesting, thanks anon I'll check it out

>>58194991
not the best, but excusable.

>>58195098
the reason I thought it was is you were suggesting C for web dev.

>>58195144

>i'm a noob

no worries. I'm honestly trying to give you the best advice. Advice I wish i knew when i first started out. JS is messy and complex. You can look into jquery and popular JS front end frameworks. Honestly though if you're just trying to play with HTML elements, then vanilla JS or the minimized slim source of jQuery will suffice. You'll come to find out that front end isn't as important as back end: server side form validation, db management, setting up a server, etc. Use as much HTML and CSS as you can before you do anything in JS. Learn how to CRUD data and display it before you go balls to the walls crazy with muh js framewerks. But it's just advice...do whatever the fuck you wanna dooooo

>>58195203

lel, nah. I still think it's the best language to start with for learning how to really program though.

>>58195165

What other method is there? Like to have buttons on the left side of your web site and when you click them, the middle of the page updates and populates with stuff without refreshing.

>>58194928
Thanks. I mainly use Sublime but throw in a bit of Atom for HTML and VSCode for variety. I very much dislike how default autocomplete and snippets work in VSCode, especially for javascript.
As for tuts, are there any good video tutorials? I prefer watching instead of reading. Right now I'm going through the web dev bootcamp course by Colt Steele. I'm only at javascript by so far it's been pretty good. Actually feel like I'm in a class and I don't have any issues building some simple stuff. While before I always had issues like "I think I know how it works but I can't apply it on practice" or "I know how this works but I don't know what to do with it".
Javascript is pretty confusing, though it's my fault, not a course. if I look at the code I can tell what it should do but I have troubles writing it on my own (I tend to overthink things when the solution is obvious and simple). Like functions with loops and if-else inside is ugh... Always miss something and end up with an infinite loop or function simply doesn't work. Practice and perusing MDN or stackexchange really helps here.

>>58195317
I wouldn't do this for every page, but for a form you open in a modular popup that is available on every page, fine.

if you want to mimic a single page application then load content with ajax and make sure every page you load is linkable.

>>58195271
I think it may be learner dependent. I believe that a language like Python or Java would be better for a beginner because you don't have to deal with memory management and pointers which add their own overhead for learning.

But in defense of a language like C, you also develop a better understand of how higher level languages are actually working under the covers.

>>58195325

i really think once you learn how to CRUD, then basic programming concepts with javascript will make more sense to you and you'll know when and how to use them. I also recommend now to learn back end first, or at least have some data to work with. Data, data, data. Data is good.

I am trying the Skeleton framework, is there anyway to make divs stack easily like bootstrap.

I have 4 divs on a line in large screens, then I want it to go to 2 on one line, and 2 on the line under, and finally 1 on each line.

Its much easier on bootstrap so far, unless I am missing something.

>>58195476
skeletons grid system doesn't have classes for different screen widths, you have to make your own.

>>58192166
Dude it takes like 5 pages of content to get approved...

>>58195476

just curious why aren't you using bootstrap? also i know with CSS you can "imitate" your divs to behave like tables.

but it looks like you should be able to do this just fine with skellyington framework. Maybe post a js fiddle for us to take a look

>>58195317

Using AJAX to load the form from an external document into a blank div when it is needed.

It's the modern equivalent to what we used to do with iframes back in the early 2000's but it looks better.

>>58194977
My advice is check udemy everyday. For the past month they've had those "Everything is $15" sales every couple of days, and they have 2-3 really good web dev "bootcamps" that teach enough to make real web apps, which of course include JS.

The one I did was html/css/bootstrap/javascript/node/mongoDB, and some jquery, but he taught plain JS really well before hand, so I skipped it.

I went through it in about 2 weeks (50+hr course) and went from knowing literally jack shit to being able to scrape together ideas I come up with. I still have to look a lot of things up, because 2 weeks isn't long enough to solidify anything, but still - can't beat it for $15 man.

I'd still be searching for relevant YT tutorials at this point if I hadn't used that course.

Talking to this one dude.

He started learning and posting his progress on facebook. Within 2 months an old friend had him make a website. The friend posted the website to their facebook and the guy got flooded with work.

He was able to immediately quit his job and start freelancing.

That's fucking something, huh?

OH MY GOD

I got matched on AngelList. What do I say?


This is like Tindr but if you don't fuck then you might as well die.


Basically it's a junior dev position. Only two people applied to it last week. They matched me this week like 3 hours ago.

>>58195924

"ayy lmao"

>>58195893
People will give you work if you seek it. Most people don't think to ask because web devs aren't common or if they are they don't flaunt it. Vicious cycle that makes it easy to land gigs for those willing to just put themselves out there.

>>58195646

https://jsfiddle.net/h6bn5mm0/

Above 550px and 750px width I want there to be 2 divs on each row.

I know this should be simple but I am doing something wrong and I am losing my mind.

>>58195971
>>58195577
Here I'm repeating it again for you directly from the skeleton website:
>The grid is a 12-column fluid grid with a max width of 960px, that shrinks with the browser/device at smaller sizes.

There is nothing for you to do different grids based on screen width, it doesn't have it.
Make your own classes.

Bootstrap has this, Skeleton does not.

>>58196007

yeahhhh i would say just use bootstrap. This looks like something even simpler than bootstrap. Like just for aligning things side by side. Once you set the correct class for desktop and mobile view, the divs should adjust automatically when you resize the window.

How common is it for a web dev company to not use either bootstrap or foundation?

>>58196086

i just tried making a "four column" row and they didn't fall into place 2x2. Just went from 4 across to 4 lined straight down. Unless im using the framework wrong. Idk. I know I've done what he wants in bootstrap.

>>58196115

depends if they do ecommerce. You see a lot of bootstrap on that kind of stuff. It's the standard for responsive design.

>>58195959
I should. It said to respond with some times I can talk with them.

I am so nervous right now.

>>58195924
I dunno... Send your CV at them? Its just a job application.

File: botnet.jpg (55KB, 530x580px) Image search: [Google]

55KB, 530x580px

>launch a new website
>get ranked on page 15 or something
>login
>see this
Google can't find my website, but the other botnets certainly can.

>>58196636
They all tried to login. That's pretty much the only thing you get blocked for.

What's the best data access abstraction layer and why is it PDO?

>>58197216
ef7

>>58197232

i don't have to create classes though when using PDO

>>58197259
why would you not though.

>>58197307

there's literally no point. Convince me with good reason to use it and i will. This is what im doing now:

$querySavedRow = $dbh->prepare("SELECT * FROM X WHERE [X] = X;");
$querySavedRow->execute();
$savedRow = $querySavedRow->fetch();
$X = $savedRow["X"];

>>58197424
compile time check when you accidentally mistyped X as Y.
one place to update your database column references instead of having to walk through every file and check the queries.
compatible with any database connector without having to change the queries to cater to custom server features.

You going to love it when you switch a large application from SQL Server 2008 to MySQL without having to worry rewriting every TOP statement to LIMIT.

>>58197478
>PHP
>compile time

retard

>>58197478

so youre saying i would just change the class instead of the queries?

what do you mean with any database connector? PDO can work with anything cant it? and doesn't only ef7 work with .net projects?

>>58197541
>PHP
>calling me the retard.

oh you.

>>58197555
Not him, but yes you're the retard switching from SQL Server 2008 to MySQL.

>>58197543
You can change the classes Property->Database column mapping without having to change the queries.

>PDO can work with anything cant it? and doesn't only ef7 work with .net projects?
PHP-Data-Objects works with PHP.
EF7 Is a .NET Core library which works for .NET Core applications.

What I did mean is you can talk to a MySQL Server the same as you talk to a Postgres/SQLite/MSSQL Server, you don't have to watch out for different query syntaxes/datatypes, the EF provider will do that for you.
So no matter what database you have behind, the application will work the same on all.

>>58197591
I'll tell the customer who didn't want to pay a license for an sql server to run the application in their local environment.

>>58197645

so you can use EF7 with non M$ SQL Server databases? All i do is connect and im ready to go?

>>58197715
Here's a simple example with a Blog/Post database.
https://docs.microsoft.com/en-us/ef/core/index

>>58197754

mm i see now.

I was looking into django because it also has an ORM and runs on linux.

>>58197791
>and runs on linux
Don't take server software that only runs on windows seriously.

>>58198202

heh, yea, though M$ did just release CORE...

Is there a sane alternative to wix site builder for the tech illiterates?

Is there anything wrong with DOM?

>>58198368
Wordpress?

>>58198368

oomph

wix is THEE alternative to the alternative. Bout as simple as it gets, broski.

>>58198801
Thanks!

Just read some posts on reddit of some peopel who got a job not even finishing free code camps stuff

i really need to start applying

>>58199276
I'm sure a lot of it boils down to confidence and willingness to learn. Since so many people just google 90% of their code and quilt it together the hiring process is just to show that you are willing to do that much at least.

Or those people just call the hosting company and complain till someone helps.

>>58199276
I've never done free code camps in my life and I landed a web dev job.

I learned by thinking about what I wanted to make and then learning how to set everything up and make it.

>>58199323
No shit there are other ways to learn, I meant people who only used it (it's pretty minimal)

>>58199316
Yeah I think I really over-estimate the level of most other devs

>>58198250
So running on linux is not an advantage.
Why did you mention it as being one.

More generally, don't take software produced by microsoft seriously.

>>58199323
Oh to clarify I meant specifically the site FreeCodeCamp, looked weird how I typed it. It and the odin project are sort of one track "get hired as web devs thing" that try to teach full stack basics.

>>58199384
Just my opinion but getting over the hurdle of doubting yourself is how you make it big in any tech related job.

>>58199385

uhh because i run linux instead of windows? and yes i know that, another reason to opt for django instead of dotnet

File: Screen Shot 2016-12-27 at 6.27.45 PM.png (196KB, 1988x1086px) Image search: [Google]

196KB, 1988x1086px

Can I use html imports or what should I use to recycle html? query's .load() ?

I don't need a tempting framework I just want to use the same nav bar on all pages.

>>58200104
sorry for the spelling I just don't think I need a templating framework to re use html but what do I know

>>58199408
I can confirm but Im not a software developer Im a network monkey and the only job acquiring skill I didn't have innately from birth was confidence.

>Daily reminder to limit jQuery plugins to 30 external scripts or less

Seriously guys performance is important.

>>58200180
I worked at GoDaddy and while I was just helping people with hosting issues I showed even the mildest interest in learning more about the "tech" side of things and I got thrown more responsibility than people 5 years my tenure and before I knew it I was being asked questions by other people.

>>58200104
Oogly solution: make it a javascript function called on load that appends a navbar to the page.

>>58200202
As a junior what sort of stuff would they even use to do this? Most i've ever had was 2

>>58200104
learn php
or just turn everything into php files and type <?php include("otherhtml.php"); ?>
and that will put all the html in that file wherever you put that command

File: 1431405519409.gif (501KB, 500x278px) Image search: [Google]

501KB, 500x278px

Not sure if this is the right thread for this question but here goes.

>30+ years old ex-sysadmin
>2 years ago quit my previous job
>Quit it because of our new lesbian fembot manager (our CTO followed me year later for the same reason)
>Immediately after my contract termination started to learn web dev and concentrated on front-end
>Found internship but quit after 2 months since I realised that I didn't like it
>Currently 2 years jobless and penniless recluse
>Studying back-end development on my own (like PHP/Laravel and some Node to switch it up a bit)


Should I pursue the back-end development or DevOps engineer path to my career?
I have some and love GNU/Linux and other OSS solutions so DevOps apeals to me greatly. On the other hand I like programming and building stuff that is crossplatform (reason I choose web).

What do you think?

>>58200567
my hosting platform doesn't support backend stuff like node.js or php

>>58200612
>2 years unemployed
did I read that right? you need to go back to desktop

>>58200664
What desktop, what are you talking about?

>>58200612
Your priority ahould be getting a job. Unless you intend to work for yourself, developing yourself further should be something you do at the side.

So I have been learning how to do all this Web Dev shit on the side for the past year or so.

The current place I work at has a website that is absolute shit. I figured my best way to learn would be try to make a good one, keep track of my time, and then try to sell it to them.

How bad of an idea is this?

>>58200803
Thank you for your advice anon.
You're absolutely right.

>>58200925
yeah 100% that if you already had sys-admin stuff you should be able to get something where you can develop your skills at work anyway.
That should be your priority, you can look into other stuff in your free time.

>>58200619

if your server doesn't even support php then i would seriously find a new hosting provider

>>58198403
>Is there anything wrong with DOM?
its not standardized at all for starters...

>>58200809
Might ask first but otherwise pretty good, even just for portfolio/practice would be good

best tut/vid/book to learn Laravel?

Is web dev the best way to get a job in tech without a degree?

>>58203778
yep

>>58199276
I wonder if you read the post from the guy I was talking to.

>>58203778
Not really.

I know 3 sysadmins that became sysadmins with no degree.

>>58203778

yes totally. Just learn HTML and CSS and you'll be ready to go in no time. Whip up a quick static web site and start applying. Good luck

>>58202883
Laracasts.

>>58202677

Thanks.

Any suggestions?

>>58205803
Just set something up in wordpress really quick using other peoples themes/code and sell it to them

if you get good at that you can get rich off of small buisnesses

So I'm doing some front-end work.
And quite frankly I suck at it.

I have two questions though:
1: What's a good source of documentation for things? Every time I google I get some shitty StackOverflow answer that may or may not work, and it's like I'm expected to just copypaste the code, pray to the gods that it works, and refresh the browser.

2: I'm trying to programmatically add rows to a table with 5 columns.

Is the whole

let table = document.getElementById("someTable");
let row =  table.insertRow(-1);
let type = table.insertCell(0);
type.innerHtml = "Normal";
 /* you get the gist */

The right way of doing it? Is there something that I'm almost certainly fucking up? How does this work with the tbody tag?

>>58208222
MDN is your best source, just add "mdn" to your searches.

I wouldn't call the cell variable "type" but rather "cell".
Avoid using innerHTML (caps matters here, your property "innerHtml" doesn't exist) for just setting text and look at textContent.

As for tbody
>If a table has multiple tbody elements, by default, the new row is inserted into the last tbody.

see
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement/insertRow
https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

>>58208295
FUCK.
That's probably the thing I fucked up.

The column was called type because that's what the column is called.

File: take me now.png (209KB, 2880x1800px) Image search: [Google]

209KB, 2880x1800px

So I have this kanban project for a webdev class I'm taking
It's supposed to be work for 5 people but I was kinda bored the last few day and just hacked it together
The backend uses Node/Express/MangoDB/Mangoose and is rock solid, really made an effort to write good code.
For the frontend, I'm unfortunately not allowed to use React, Angular etc. but have to write fucking jQuery.
It's worse than I remember

What is good practise in jQuery to keep the model, view (and server data) in sync?
Also pic related r8 and h8

>>58208333
oh also it's drag and drop powered by jQuery UI.
wrote a custom plugin using the """Widget Factory""" for the first time.
would not recommend, you're in for a disappointment if you think you can write custom components àla React
all it did was split the codebase in two separate files. which is nice enough considering the mess it already is

>>58208295
>>58208321
Yep. It was.

Well, thanks for your help mate. I've been googling this shit for an embarrassingly long time.

>>58208333
>What is good practise in jQuery to keep the model, view (and server data) in sync?

>jquery
>mvc

wat. Just put the shit you need to put there. jQuery is old and doesn't need that nerd stuff. If a request fails (The only way it wouldn't put shit in the DOM) then request again! TA-DA

Is there a framework that allows server-sided rendering of HTML but also JS and eventually CSS ? because otherwise I don't see the point of rendering my complex views (there are complex CSS grids, and multiple JS scripts that must only be served on certain pages, regarding specific animations on PNG/SVG)

I'm doing everything by hand and it's not that long, but I feel like serving HTML as static content is so 2004, yet interfacing a templating engine from my prototyped hand-coded HTML is completely dual use shit

>>58208679
>there are complex CSS grids, and multiple JS scripts that must only be served on certain pages, regarding specific animations on PNG/SVG

All these things you can load when you need them.

I don't know where you learned dev, but you should return to the basics. It looks like your first language was a 201x javascript framework

>>58208822
at uni, but we never did web

I wasn't being clear

I guess I'll stick to that : https://developers.google.com/webmasters/ajax-crawling/docs/learn-more

>>58208333
>in sync
JQuery doesnt do what youre trying to do which is probably the point of the lesson. There is no good practice. Angular and React wouldnt exist if it had a better way than what people call "callback soup"

you can keep dom elements in an index array but the sequencing is impossible with anything complex.

>>58208222
dont use tables look up flexbox

and use mdn, ignore w3 I always accidnetly click on it and can never quickly find what I want too

>>58209192
What's wrong with <table>?

The things I'm displaying are tabular data, so it makes sense to put it in a table.

Then again, EVERYTHING in HTML seems to be different from what you expect.

>>58209224
It's old i dont know i just see people who know better saying that

flex box is really versatile and using it is fun
http://flexboxfroggy.com/
quick game/lesson/overview thing

>>58209245
Don't go too overbroad with the "no tables allowed" mentality.
They are fine for tabular data, they are made for this.
They are not made for layouting/design, that's what you hear that you shouldn't use tables for.

>>58209278
I have yet to see anything in what I'm doing atleast that would benefit from it at all vs just css positioning/display stuff

>>58209456
then you probably don't have tabular data.

>>58209477
It's just quicker and more modular to do it with scripting and basic styling
no reason to type out a bunch of html

>>58209528
You make no sense, but do whatever.

Challenge: Make a New Years ball with selectable timezone.

Need a button to simulate 11:59pm to midnight.

>>58209579
What ball? The dancing? The round object?

>>58209528
But you can programmatically add and remove objects from <table> objects.

>>58209628
Im not that other guy but in my web apps I do that with divs on the front end and most of the data manipulation is happening on the back end

>>58209998
Are you confusing database tables with html tables?

>>58209579

var schedule = require('node-schedule');
 
var j = schedule.scheduleJob('1 1 1 1 *', function(){
 console.log('.');
 console.log('.');
 console.log('. drop');
 console.log('. dat');
 console.log('. ball');
 console.log('0');
});

then just set the time on your OS clock to Dec 31 11:59

Professional HTML software developer here. Ask me anything about HTML data structures and CSS algorithms.

>>58210070
You use flexbox for your database tables?

>>58210120
You do your data manipulation with flexbox?

>>58210113
When will simple readable markup be abandoned for something more optimized? Im ready to get off this wild html ride.

>>58210145

html5 made it a bit better didnt it

>>58210113
How can you protect your source code?
I always thought it was a huge security hole.
E.G. go to facebook, right-click view source and you have everything to run your own facebook

What's a good editor for PHP/HTML/CSS/JS ?
I'm using NetBeans, but the fact it's running on java is making me feel bad.

Also it's prone to bugging out.

I'd love it if it'd have FTP support, some simple project settings and themes would be great too.
If possible, free, if not, single payment.
Monthly fees for an editor are just bullshit

>>58210213

notepad++ or sublime3.

>>58210231
Sublime has FTP support?

>>58210238

im sure theres a plugin for it. Or just use filezilla

File: pizza.jpg (36KB, 581x236px) Image search: [Google]

36KB, 581x236px

What technologies would you use to create website for pizzeria that allows you to order online? Keep in mind that workers need to see the orders. I'm talking about the whole system

>>58210213
Just learn vim
it's the best text editing software out there.
you can rice it into oblivion and turn it into a full-fleshed IDE with tmux if you desire

>>58210288

any "full stack" stack should suffice.

whats the best way to rewrite code that uses a bunch of if else statements? i was thinking switch but it would still be pretty long and ugly to look at.

>>58210597
break it up into several functions.

>>58210597

Depending on what you're doing and the language, a hash table can be a nice clean way to get the same thing done.

>>58210611
>>58210651

im storing a piece of data from a field in a db in a variable and checking to see if it equals something. There's quite a few things it could equal. Using PHP.

>>58210693
store your strings that it has to be equal in an array and check against that.

>>58210726

so put the possible options in an array and loop through it?

>>58210739
I'm not familiar with PHP, but I'm sure it has a Contains method for collections.

File: Screen Shot 2016-12-28 at 18.53.37.png (13KB, 404x84px) Image search: [Google]

13KB, 404x84px

Found this CSS snipped for Settings -> Miscellaneous -> Custom CSS to bring back (You)s

a.ql-tracked:after {
counter-increment: you;
content:" (You)";
}

It works, but when you get replied to the >>#### gets a dotted underline rather than a solid one
Any way to get a solid line?

>>58210884
Just realised the dotted line now occurs instead of (You)s by default if that helps anyone.

test

>>58210975
test2

>>58210884
>>58210948
>>58210975
>>58210992
Alright, didn't know (you) was native already without 4chanx.
Also not sure why you need the counter-increment.
This seems to make it as it was:

a.ql-tracked {
    border-bottom-style: none;
    text-decoration: underline;
}
a.ql-tracked:after {
    text-decoration: underline;
    content: " (You)";
}

>>58211055
based, thanks

>>58210884

they got rid of the (You)'s?

>>58211091
Seems like instead of (You) you get a dotted underline instead of a solid line.
Might be just an oversight.

>>58211091
Yeah, now it's just a dotted underline by default
Not really fond of it personally, a dotted line is not that easy to spot while scrolling down whereas a (You) sort of jumps out at you.

>>58211115
>>58211132

lel yea i can barely notice the dotted line. Pretty dumb.

>>58210739

in_array($var, ['foo', 'bar', 'baz']))

returns true if $var is equal to any of the array elements, false otherwise.

>>58211132
>>58211157
>not using 4chanx
:^)

>>58211166
I don't like the way 4chanx changes the pages' appearances
If there were a way to just keep some features without affecting the stylesheet too much I'd use it

>>58211194
I'm not aware that it changes the page, looks the same for me with or without.
It's been a few years since I configured it though, I might have some stuff turned off.

>>58211164

hmm thanks but i dont need to check if the variable is equal to ANY of the things in the array. I need to say "if it equals this one then do this, and if it equals this one, do that" and so on. Thats why i used a bunch of nested if else statements

>>58211220

PHP arrays are roughly equal to hash tables, and you can store a function inside a variable. Have the key be a string representing what you're comparing it to, and have the value be a function that does what you need it to do.

>>58211220
Switch statement then.

>>58211261
associative arrays*

>>58209587
New York ball.

It drops.

>>58211261

that seems like just as much work, honestly. Each key would have it's own function? I would need a lot of functions then. I don't see the point. Think i'll just leave the if else's...

>>58211413
you have the exact same amount as you would with your if/elses.

LaunchCode anon here

They're bringing me in for mock interviews and interview coaching next week. I should start actually interviewing with companies by the end of January.

It's getting very real boys

>>58211426

>pull up LaunchCode site
>Obungo on the front page
>CoderGirl groups

No thanks, jeff.

>>58211413

I mean, there's no automagical way to have it just do what you want. A hash is just a cleaner solution since you don't have a bunch of if/else statements right in the code that uses it.

>>58211480
They're federally funded so yeah they play the diversity card

>>58211426
Nice.

I'm the guy that let his acceptance expire because they sent it in a shitty email template that didn't look like LaunchCode.

I took the test again while thinking it was a practice test. This means I spent 20 minutes making coffee and another 30 watching the news. I did 1 question to 15 constraints, 1 question to 3 constraints and I didn't do the 3rd question.

I realized it was real in the last 10 minutes. I got denied, which is surprising because I did worse last time and got accepted.

What's a good part of SL? I'm going to take the test again today and I'm probably going to move there.

File: mootpicture.png (109KB, 259x348px) Image search: [Google]

109KB, 259x348px

>tfw I write personal websites for wannabee actresses and music artists (university students)
>charge $300 for 4 hours of work
>half the time I just bang the girl clients

>>58211608
West county (Chesterfield, Creve Coeur, Town and Country), Clayton, Webster Groves, Kirkwood, Sunset Hills are all nice suburban areas. Central West End, Dogtown, University City, Soulard, St. Louis Hills are all more urban/walkable and still relatively safe. Parts of the city are warzones though, watch out for Gravois Park, Dutchtown, and anything at all north of Delmar Blvd (north city)

>>58211805
Awesome. Thanks.

>>58211771

tell me your ways masta

>>58212044

and by this i mean the bang girl clients methods specifically

What template is this website?

I see this exact layout all over the place.

http://www.koddi.com/

>tfw I constantly change my design so it looks similar to the other website I like at that particular moment.

How do I get rid of this autism and just be done with this shit already?

I literally spent 4 months on this (not full time ofc, but WAAAAAAAAAAAAY TOO MUCH). I'm never satisfied.

>>58212085
Smoke them out. Tell them sweet little lies. Be a fuccboi. Body contact, grab their shoulders, whisper into their air, just flirt subtly goddamn it.

>>58212137
If you can mock the style of a website, people will pay you. I've gotten paid an eight ball of cocaine because I made some dude's squarespace look like g-ez's website.

>>58212182
I pretty much can, yeah. I'm a bit worried that I didn't learn so much design after all, because at least 80% of my work is heavily inspired by something else. All those spacings, colors etc. - I always basically copy it and change it a little.

I tell to myself that it doesn't matter since they all look really similar anyway, and everyone uses the same patterns.

>>58212251
>I tell myself it doesn't matter

It doesn't. Every basic bitch client has a squarespace website and uses the same dumb templates anyways. You can charge $300 for throwing their content onto their squarespace website and doing the pointlessly difficult shit (thanks squarespace) by endlessly searching through the squarespace html source and finding out which element will finally fucking align that goddamn spotify playlist you embedded.

Do you know how easy it is to make loser liberal arts students think that what you're doing is magic? Just embed a webm of their demo reel as the background image. They will cream their pants and throw money at you.

And here's the thing: you do actually learn. You learn a lot about HTML/CSS, proper formatting, and how hierarchy works. It's good practice in general. Don't sperg out because you're not doing vanilla HTML/CSS from the ground up. You'll have plenty of time to practice after you made your week's pay in 8 hours and you have so much goddamn free time that all you can do is fiddle around with your personal website.

Show a girl your website where you have a button element that executes jquiery code that autoscrolls your page and plays some future bass mp3 that you stole off soundcloud. Smoke her out and tell her she has "potential" and she won't even leave your room until the morning after.

>>58212163

what are some good sweet little lies?

>>58212345

Not OP but are u saying i dont have to learn html + css from the ground up, i can just fuck around on squarespace and learn from there?

>>58212370
>I really liked your demo reel
>You're good at guitar
>Your photography is great

Just praise their shit, BUT you need to undermine it immediately by explaining how it can be better. Act like you're the authority of what they're doing. Give them """insight""" and be playful. Body contact is necessary, even if it's just a literal pat on the back.

The goal is to recognize them but to make yourself look like it's a privilege that you're recognizing them in the first place.

>>58212137
Are you me?

>finish functionality in one day
>design takes months and months
>sometimes never launch because I hate the design.

My current project has been done since October. I've just been designing it this whole time.

>>58212419
I really suggest you do a bunch of HTML/CSS projects. I first started by doing the same HTML assignment for like 20 students for money. I did this professor's project so many times and never met that fucker. Always got an A. Once you get the basics of HTML/CSS and you make a few pages, start fucking around in Squarespace.

Squarespace will challenge your patience. You will be pissed off when you realize that you can't inline an element in mobile as well because the way their API poops out markup documents is ABSOLUTE HORSE SHIT.

Practice is key, and struggling to change Squarespace CSS rules while also injecting HTML code will make you better at your work. It will also make you lots of easy hipster cash.

>>58212420

i usually just ignore girls after meeting them and hope they hate it and want me because of it. Thanks

>>58212437
Dude, I'm doing some project for college and since the topic is UI design I'm creating some portal as a showcase. The first draft was made literally in February this year. I went through so much variations of every element that I feel like I could have made at least 30 templates from that code. I have L I T E R A L L Y 800+ screenshots of every little iteration, of every web layout I like and there is so many inspiration I don't even know which style to go for anymore. I tried out every meme there possibly is - from Buzzfeed design to NY Times design. I realized that I'm taking a big leap again, but this time I am going for some minimalism because I can't mess that shit up. But atm it looks like some retarded child of Pitchfork and Medium with some special details made by me.

Not to mention that the backend was done in a week since I'm using WP and basically, custom functions took 6 days while I made the main thing in a few hours. The rest is just constantly thinking about it - it is literally my life right now.

>>58212458
If you're not getting anywhere, then you ignore them. Otherwise, they'll just think you're a pure aspie if you just go out of your way to avoid them.

Definitely, there are times to give them space because too much attention makes you look desperate/needy. The goal is to make your times with them exceedingly interesting. Don't bore them.

Give them the gift of socratic ignorance by expanding on their understanding of some subject they're really passionate about, all the while being verbally/physically playful with them. Make yourself an elder in knowledge to them. But don't just start sperging out your C knowledge like a fucking textbook. They're too dumb for that, take baby steps with them.

Like this one girl I knew was a theater major and was interested in fine arts. When I made her website, I went over color theory (very basic bitch introduction) and showed her a color wheel and had her pick out colors for her website. Then I whipped out the blunt when we were done and I just let her talk about whatever she wanted as I teased her.

She left my dorm room the morning after.

https://www.youtube.com/watch?v=T7Z4GVFaT4A&index=4&list=PLe60o7ed8E-TztoF2K3y4VdDgT6APZ0ka

I'm following this tutorial, but I chose different hosting, because this one doesn't work, and at 1:22 you can see that this guy's PHP files show in HTML.

In my case I can access them through FTP, but cannot through HTML. I uploaded simple txt file and result was the same - showed up in FTP, but not in HTML. The only thing that HTML is showing is error 404.

Help me, /g/ ;<<<

>>58212589
What hosting?
Did you configure the server?
Did you put the files into the correct path?
Did you map the directory as your webroot?

>>58212545

ha ya im fine when i have her isolated. Tho i don't meet girls outside of work that much. I'm not gonna game co-workers. Even tho there are dimes here. Thinking about doing side web projects and hopefully meet some qt3.14's

>>58212632
Your place is the best place to have a "meeting" with qts because all your work is on your computer.

>>58212543
It's not that bad for me, thankfully.

I know the design I want to do, it just takes me forever to do it because I'm both bad at CSS and I hate CSS.

>>58212589
Did you put the documents in your www/html folder?

>>58212789
I put them in main ( / ) folder. I have no html files, only .htaccess file with

Options Indexes

in it.

File: contemplate.gif (957KB, 500x418px) Image search: [Google]

957KB, 500x418px

Hey guys.

Is it possible to allow for elements inside a flexbox container to overlap rather than overflow the container?

>>58213050
Post a screenshot.

I'm making website for my localnetwork, website for watching movies/tvshowes and i wanted to ask which player would you suggest me?
I need player with subtitles support

>>58213234
webvtt is supported natively, for others check out these:
https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video#Plugins

>register a new domain
>put up a parking page with a bit of text
>when I searched for my websites name it ranked top at Google
>last week I uploaded 30 pages (and more to come) with long texts in a competative branche
>Google instantly dropped me off the ranking
>now I can barely even find my own website on google unless I type in exact phrases or the domain itself
>my only traffic comes from Bing
So, I think Google sandboxed my new domain. Any idea how long this joke will last?

>>58213794
>type in target phrase
>would be at top, but 2 youtube videos popup before my website.

Thanks, Google, you fuckers.

>>58213794
did you check the googles webmaster tools?

>>58213925
Nevermind, actually Urbandictionary and Knowyourmeme beat me out.

Which is fucking stupid considering my website revolves around the phrase and they just describe it.

>>58213931
Yeah. I found no errors, penalties or anything wrong.

fek

so i have previous and next button that display the previous/next rows of a database but it works only once. I hit the previous button and the previous row is displayed, but it doesnt keep going to the previous ones of that when i continue to click it

when the page first loads it loads the last row. Thats probably screwing me up but idk how to fix

How do I see what is going on on some website that uses websockets? (ws://)
It doesn't show up in the network monitor tool firefox comes with.
I haven't ever messed with this stuff before.

File: 9842439.jpg (52KB, 500x500px) Image search: [Google]

52KB, 500x500px

I need to make a client for a restful api in order to get a job but the problem is that I have never done it before. What would be the fastest way to do it? I need to basically take some map cordinates from an API and then put it on a map and make them clickable to show more information etc. I was thinking of making a web app with AngularJS but it might be a dumb idea if I've never touched it before. So I'm thinking java right but I'm open to any suggestions that aren't complicated and can be done in 2 days. HELP.

>>58214001
Pagination?

You just do a SORT BY and a LIMIT min,max

>>58214113

thats what im doing. Each time the prev button is clicked i do an ORDER BY and LIMIT 1

>>58214109
jquery.
http://www.w3schools.com/jquery/ajax_ajax.asp
You can also use GET instead if you want probably.

Get your coordinates and use Google Maps simple markers and info boxes.
https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

If you know any JS then you can get this done in just a few hours.

>>58214166
You need to send the POST to the page itself when reloading so it knows where to start.
Assuming your page reloads when you click the button...you using PHP?

>>58214109
do you get the coordinates randomly or do you send the coordinates to your API and get more information?

>>58214191

ya thats what im doing. Something gets reset or changed after the first reload for some reason.

>>58214222
If you're doing it right, which it sounds like you are, then debug.

>>58181175
Learn English, fucktard.

>>58214193
I should be able to create,edit and delete coordinates as an admin and then GET them as a normal user and see them on a map. I actually had to make the API myself too but I think I know how to do it.

>>58214268

i think its because when the page first loads it automatically loads the data from the last row, and when the prev button is clicked it runs the query to display the prev row, but since the entire page reloads it calls the query to load the last row again, but if thats the case shouldnt the prev button not work at all then? it works only once. i dont have a debugger because im a phag

Is user account creation something that would generally be built into most web backend platforms?

>>58214725
no.

>>58214725

i think dotnet is capable of that, though i wouldn't recommend letting M$ spoon feed you and control your life

>>58214558
No, I mean manually go through and find the bug.

Why are you loading the last row? Seems too complicated.

if post not set LIMIT min, max. min=0 max=50
if set then min = post[max], max=min+50

>>58214843

because they want the last row of data to populate the form automatically when they open it up

How can I change the appearance of embedded links on 4chanX?

>>58214945
Specifically, I'd like for them to be underlined and I'd like the (embed) to be [Embed]

>>58214945

.linkify { color: red!important; }

>>58214001

figured it out after 2 hours. I'm dumb as hell. I was missing a step. I forgot to re-read the primary key back into the query. It never was getting updated after the first click

>>58191431
Media Queries. Welcome to responsive CSS. Better off using a framework from the start. I like Materialized CSS myself.

File: 1482539289455.jpg (424KB, 514x836px) Image search: [Google]

424KB, 514x836px

>>58216141
>Better off using a framework from the start.
no

a toolkit, a responsive grid, why not (if you use it semantically and don't embed framework classes in your HTML directly)

but fuck css frameworks

>there are people in this very thread who aren't even full stack

>>58217942
>tfw full stack but wish my job was back-end only
Front-end is so fucking boring and tedious, especially CSS.

>>58218508
do you even stack bro

>>58217942
wordpress is full stack right

>>58218751
In its on Wordpress-y way

Pretty new to webdev. I'm working on a site that has a lot of HTML formatted text content, kind of like a news site or a wiki. I'm aware of template engines, but as far as the formatted text itself goes, would I just convert that into a string and shove it into a database? There's no problem with potentially huge strings? Databases can handle huge files like pictures and video so I wouldn't think there'd be a problem, but since all the textbook examples of database entries are small and contrived I want to make sure that's the right approach.

>>58219878
You can either do that, have your backend generate the formatted text every page load (or maybe cache the generated page with the method of your choosing), or have your frontend generate the formatted text from a JS variable containing the text. The latter option can be accomplished via an ajax request to an endpoint that responds with a JSON object, or you can have your backend output it in a <script> tag. Whichever option is best depends on your stack, application structure, its purpose, etc.

>>58220141
But large chunks of data in a database isn't a problem in itself?

>>58220281
Can't say for sure, but its how all imageboard scripts I've seen in the wild, including the one 4chan is based on store post text

>>58220281
It shouldn't be. You should never store video/image directly to DB though, either save its filesystem location or use as service like s3

>>58220722
Oh, that's an idea. Store the data locally on the server or on a dedicated file server and just have the database reference the file. Was focusing too much on the web dev part and didn't think about the obvious solution.

Is there any way to make text added by the CSS

content

property actual text that can be selected, copied, etc?

If not, what other ways are there in CSS to append text to elements of a specific class?