dev.to error page - start drawing! web developers

I've been working on a web app that I plan on releasing for people to use for free. I'm not worried about acquiring users so much as "how do I make money off this app once people are using it?"

My current ideas are:

- Ask for donations (currently the leading choice, as it allows the best UX).

- Advertisements (Ew)

- Store

So I hate advertisements. I really think they're evil, so I'd like to avoid them if possible. A store would probably require me to sell things that are nearly copyright-infringing. That leaves just donations. Are donations a feasible way to make money off of a web app, if it is providing a free and useful service to users? Is there any monetization method that I am missing? The web app is basically an interface for searching through a collection of videos in a novel way.

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

Freelancers, what tools do you use to communicate and interact with your clients?

Posted: 02 Jul 2019 06:53 AM PDT

For the following things:

- Project requirements (higher level project brief)

- Project specifications (breakdown into tasks/hours)

- Legal agreements

- Design (emailing back and forth, zeplin, etc)

- Progress tracking

- Communication (slack, email, phone)

I'm just curious as I'm trying to refine my own system

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

Which one is the better web developer course?

Posted: 02 Jul 2019 08:25 AM PDT

The course by Colt Steele or by Angela Yu?

I want to get a job as a web developer and I want the best full course. Please feel free to recommend something else, if you think that it's better then these courses. For the record I've done HTML, CSS and JS on FreeCodeCamp but I don't think it's enough. Also I didn't want to go with The Odin Project because it uses Ruby and there is no job demand for it in my area. I think they (FCC and ToP) are great, but I need something more, so far the suggested 2 are my top ideas. Please point out if I'm wrong and guide me in the right path, I'm stuck in analysis paralysis all day.

submitted by /u/Sigmund-
[link] [comments]

Haven't made a website since 2012, need some recommendations

Posted: 02 Jul 2019 12:10 PM PDT

Hey guys,

I want to make a website, a small portfolio for myself. It'll host some text, images, the most complex things it'll need is tag support for tagging projects I've done.

Now, it's been a while since I've made a website and everything's changed. I know HTML/CSS pretty well still, but I have no idea how I should build it. I want to do it in a modern way but have no idea where to start. I need a CMS, but not a really big one, what do you guys recommend. Also, should I build it from pure HTML/CSS? Should I look into something like React or so?

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

Any ideas on how to scrape r/videos for youtube links?

Posted: 02 Jul 2019 02:43 PM PDT

I usually use rake.tv to watch the front page of r/videos, but I'd prefer to just download them all onto my phone and watch them offline.

Ideally, I'd like them formated in a text document

https://www.youtube.com/watch?v=w03DCPSwrOk https://www.youtube.com/watch?v=_c7AuSQdvow https://www.youtube.com/watch?v=07d4-OopdlY https://www.youtube.com/watch?v=Y6wOqphfhME https://www.youtube.com/watch?v=EFh6bJIHl2Y https://www.youtube.com/watch?v=V60ecIhXkN8 https://www.youtube.com/watch?v=iUfljuCZ-R4 https://www.youtube.com/watch?v=1OdfHT0AaPA

but as long as I got some sort of raw weblinks, I could manipulate the text to what I need.

If this is the wrong sub, where should I post it? Can't think of the search terms to find the right sub.

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

Web animation current best practices

Posted: 02 Jul 2019 10:20 AM PDT

Yo my dudes,

I left web development mid-2015 to work on a C++ game. I now need to do some web-related stuff and I'm trying to catch up.

When I left in 2015, I was using:

Pixi.js for fast canvas rendering in WebGL.
TweenMax for moving stuff on screen.
Adobe Animate for quick and dirty stuff, which renders to canvas too.

Anyways, this is what I'm now trying to achieve:

I've been given this infographics which is essentially a "S" path with tiny drawings and bits of info along the way. I've got to make an animated page out of it. I've got the vector art for it. There are some texts on it. It's taller than wide. I'm going to use the page scroll to make things appear progressively on that "S".

I've started using Adobe Animate to run some tests and have found myself pleased to see that it's now able to handle some sort of responsivity. Also the stage is exposed through window.exportRoot so I can easily handle my scroll thing via window.exportRoot.gotoAndStop(x) where x represents the amount of scroll expressed as a percent of the total number of frames. Last but not least the produced JS is readable (but the lib weighs 150K and wow look at that filename https://code.createjs.com/createjs-2015.11.26.min.js it's when web animation died - kidding).

I've been displeased to find out that everything was exported in a big texture, even the texts (which is "normal" because it's canvas, but things could have been hybrid in 2019). Even the simplest vector art is exported to bitmap instead of being retraced (with the graphics api for example).

I think it will be fine to do a quick prototype, but I'm hesitating to use Animate as a definitive solution. I would have liked to use SVG, or a mix of bitmap drawings on a canvas and some divs with text on top. I can do that by hand with TweenMax but it will be much longer (and TweenMax/lite is barely lighter).

What do you use for your (scrollable) animations? Do you use SVG ? Are there new tools around the block? Is making a scrollable animation so 2015?

I look forward to hearing your opinions.

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

ProtoGraphQL - Developer tool to build and visualize GraphQL schemas and queries

Posted: 02 Jul 2019 08:00 AM PDT

Good morning all~

For the past couple of weeks my team and I have been working hard on a prototyping tool called #ProtoGraphQL. Our tool intends to aid engineers with converting their #RESTful architecture to a single #GraphQL endpoint.

https://github.com/oslabs-beta/protographql

Please support us by checking out our project on our Github page. Our project is currently in beta and we would appreciate it if you could share it with other engineers who would be interested in testing our product.

tables view

Generated GraphQL code

Tree Visualizer

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

I have CPanel with WHMCS, my customers can make accounts and buy plans but how can I give them the ability to build drag and drop websites without needing to pay extra? I’m really stuck.

Posted: 02 Jul 2019 04:39 PM PDT

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

Cloudflare Outage + NS1 using Cloudflare?

Posted: 02 Jul 2019 06:51 AM PDT

https://i.redd.it/hqu6f4luaw731.jpg

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

Posting html form to google sheets - is it secure?

Posted: 02 Jul 2019 04:31 PM PDT

My work wants me to create a landing page which collects customer data on a form and saves the inputs to a google sheet. They want to do this because most of the marketing team is within google drive. I am concerned about doing this because of security. Is this possible/secure over using a regular database?

Edit: I mean secure as in not having the sheet publicly viewable outside of the shared users.
Thanks!

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

Remaking README from the beinning

Posted: 02 Jul 2019 04:06 PM PDT

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

I know WordPress, now what?

Posted: 02 Jul 2019 03:56 PM PDT

TLDR: It feels like I'm stagnating building only in WordPress and I don't know where to go from here.

Hi friends. As background on me, I left school with basic HTML and CSS knowledge, got a job as a junior front end developer, and I've basically been working in WordPress for the last two and a half years. My company is not looking to shake things up anytime soon, and looking at modern Dev, it feels like I'm falling behind.

I'm versed in PHP, know enough JS to scrape by, and I keep hearing about things like headless CMS, Vue.js, Angular etc etc and I have no idea where to start. It's all a bit overwhelming.

Most employers in my area look for fullstack Devs, and I'm really at a loss at how to get to that point. Has anybody been in a similar boat? Where/what did you learn next? Thanks.

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

Beginner Going Crazy - help me stay out of the bin please!

Posted: 02 Jul 2019 08:22 AM PDT

I would appreciate a bit of advice from you good folks before I get myself committed...

All I am trying to do is build some very basic web pages for friends and family - text boxes wrapped around pictures and links to other pages...maybe some sound files or short home movies. That's it.

I have a domain with Godaddy and all I want to do is build some pages and FTP them into place. I have tried using Wordpress and it's driving me NUTS....constant file not found and inconsistent errors and anomalies etc...

Could someone reccommend another set of tools for me? I don't need to build a blog site so I think that Wordpress is overkill for me...

Thanks.

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

redux api middleware get request problems

Posted: 02 Jul 2019 03:37 PM PDT

So I had good luck with my last question here so I hope it's alright to fire again.

Anyway a bit of context: Essentially I'm just messing around trying to get a basic grasp of django and upgrade my react a bit. I know some stuff, and have a half-decent grasp of whats going on, or atleast what should be going on. I followed this tutorial https://medium.com/netscape/full-stack-django-quick-start-with-jwt-auth-and-react-redux-part-i-37853685ab57 which idk, may or may not be a good launching point, not overly important. Everything works the way they said it would and like I do with all the tutorials I follow I'm just trying to expand on it. What I wanted to do was simply print username to the page, with a get request. After struggling for quite some time, I scaled back a bit and just wanted to succesfully call a get request. And Still having trouble.

import { RSAA } from 'redux-api-middleware'; import { withAuth } from '../reducers' export const UD_REQUEST = '@@ud/UD_REQUEST'; export const UD_SUCCESS = '@@ud/UD_SUCCESS'; export const UD_FAILURE = '@@ud/UD_FAILURE'; export const ud = () => ({ [RSAA]:{ endpoint: '/api/userdata/', method:'POST', body:JSON.stringify({message: "dumb"}), headers:withAuth({ 'Content-Type': 'application/json' }), types:[ UD_REQUEST, UD_SUCCESS, UD_FAILURE ] } })

That works like a charm. I can follow the request in the console and in the command prompt for my django server.

import { RSAA } from 'redux-api-middleware'; import { withAuth } from '../reducers' export const UD_REQUEST = '@@ud/UD_REQUEST'; export const UD_SUCCESS = '@@ud/UD_SUCCESS'; export const UD_FAILURE = '@@ud/UD_FAILURE'; export const ud = () => ({ [RSAA]:{ endpoint: '/api/userdata/', method:'GET', body:JSON.stringify({message: "dumb"}), headers:withAuth({ 'Content-Type': 'application/json' }), types:[ UD_REQUEST, UD_SUCCESS, UD_FAILURE ] } })

That doesn't do anything. Immediately kicks back 'UD_FAILURE', never makes it to the backend. Atleast thats how it appears. Which is why I'm posting here and not in the python sub. However I will post the relevant python bit if anyone cares:

app.js

import React, { Component } from 'react'; import { connect } from 'react-redux' import { echo } from './actions/echo' import { ud } from './actions/retrieveUserData' import {serverMessage} from './reducers' import {userData} from './reducers' class App extends Component { componentDidMount(){ this.props.fetchMessage('Hi!'); this.props.fetchUserData(); } render(){ return( <div> <h2> WELCOME TO TOAST</h2> <p>{this.props.message}</p> <p>{this.props.userData}</p> <p>{console.log(this.props)}</p> </div> ); } } export default connect( state => ( { userData: userData(state), message: serverMessage(state) } ), { fetchUserData: ud, fetchMessage: echo } )(App);

@api_view(['GET', 'POST']) def UserDataView(request): print(request.method) if request.method == 'POST': return Response({"message":"GOT SOME DATA!", "data":request.data}) elif request.method == 'GET': return Response({"message":"howdy yall"})

and the urlpatterns:

urlpatterns = [ path('admin/', admin.site.urls), url(r'^$', generic.RedirectView.as_view( url='/api/', permanent=False)), url(r'^api/$', get_schema_view()), url(r'^api/auth/', include( 'rest_framework.urls', namespace='rest_framework')), url(r'^api/auth/token/obtain/$', TokenObtainPairView.as_view()), url(r'^api/auth/token/refresh/$', TokenRefreshView.as_view()), #url(r'^api/userdata/$', UserDataView.as_view()), url(r'^api/userdata/$', UserDataView), url(r'^api/echo/$', EchoView.as_view()) ]

Now, I know the rules and I believe I have done the research, the problem is everything that I find leads me to believe that it should work. The RSAA section is essentially just that. I took out the 'withAuth', wasn't the issue. I do not have much knowledge of what GET/POST and company are doing in the background so I can't say for sure the problem is not outside the scope of both python and javascript, but I don't suspect that to be the issue even if I am slowly leaning that way while I struggle through this.

Honestly, I just want my backend to tell me it recieved a get request and I can move past this, but it is for whatever reason only taking post.

Thanks, if any kind soul needs more information, they need only just ask, but the code is damn near identical to that tutorial still. The entire userdata request is just a photocopy of the echo request, replacing some string data and trying to work it as a get request.

For what it's worth if i go directly to 127.0.0.1:8000/api/retrieveUserData get works just fine. Just not through the javascript. Could it be a URL error? Do the URL's have different requirements for get and post data?

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

Anyone here use PRISMIC? How the heck does this system work?

Posted: 02 Jul 2019 08:59 AM PDT

Hello All- curious if any of you have heard of this system Prysmic? I have a client with multiple websites on prismic (previous developers choice). Honestly, I've been working in webdev for almost 10 years and I've legit never been so confused by something in my entire life. Is there anyone who might be able to simply explain:

1) Can someone in maybe 1 or 2 sentences explain this system to me? Based on what I've seen - it seems that the thing works using headless API calls for content, so there is no .html or template files? Where is the content stored? In A DB as usual? What does firebase have to do with it?

The main question

1) I can't even figure out how to remove a photo from a page - where are the template files? The source code is all a bunch of random JS? Are the designs done in the backend or in .html files somewhere?

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

My First ever Personal Site!! But there's a problem.

Posted: 02 Jul 2019 02:31 PM PDT

Hey guys, I've finally made my first ever personal site, but there are a few problems when viewing on a smartphone.

At first, the picture of the mountain wasn't showing in full width, it was getting out of the screen, has to scroll to view the whole image. I fixed it by applying max width rule. But the Contact me button at the bottom, I can't fix it. It gets cut and split into two when viewed on a mobile. Can anyone help me fix this?

Here is the link to the site.

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

Bulma CSS - A tutorial for beginners with Sample

Posted: 02 Jul 2019 02:11 PM PDT

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

Most interesting easter egg you found on a website?

Posted: 02 Jul 2019 02:00 PM PDT

What was the most interesting easter egg or feature you found on a website? Why was it interesting to find?

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

How it was learning programming in years like 2012,2013 ?

Posted: 02 Jul 2019 01:58 PM PDT

Can anyone explain a bit how it was for you learning web development languages like JavaScript, frameworks as jQuery, PHP, MySQL? Udemy was founded in 2009 but I don't know if they had courses in 2011 about web development or in further years and if they had courses for programming in years of 2011,2012 can anyone tell me what were the prices and the content of it or were any other website to learn programming because searched on YouTube but didn't found so much content?

This may sound an unnecessary question but I am 22 years old and on 2011 and 2012 I was making websites on WordPress, Blogger and did this without any knowledge just by buying themes from marketplaces and install them on my websites and sell them. And I regret that I didn't start much early to learn to program in 2012,2013 or even after 2-3 years but I just started last year but wanted to know how it would be for me to learn programming in an earlier age because I always regret not doing this earlier.

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

What resources are there to build something like the Domino's Pizza build-a-pizza-and-then-buy-it?

Posted: 02 Jul 2019 01:52 PM PDT

https://www.dominos.com/en/pages/order/menu.jsp?lang=en#!/menu/category/pizza/

Domino's build-a-pizza creates a virtual pizza where you can click on toppings and add it to the pizza and then place it in a shopping cart. In general, I know that the outline for such a website is going to look like this.

Javascript will be used to build the actual interface.
Python/PHP/serverside language is used to build the shopping cart itself

But knowing this is not enough. I need resources to know in detail how to combine them into a usable web application. Does anybody know such resources and would they be kind enough to share them?

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

Breaking News

Programming29

Tuesday, July 2, 2019

dev.to error page - start drawing! web developers

dev.to error page - start drawing! web developers

No comments:

Post a Comment

Popular

Blog Archive