• Breaking News

    Friday, January 29, 2021

    Home Unlabelled I tried to build Plants vs Zombies with vanilla JavaScript (code and 2 playable demos included) web developers

    I tried to build Plants vs Zombies with vanilla JavaScript (code and 2 playable demos included) web developers

    January 29, 2021

    I tried to build Plants vs Zombies with vanilla JavaScript (code and 2 playable demos included) web developers

    I tried to build Plants vs Zombies with vanilla JavaScript (code and 2 playable demos included)

    Posted: 29 Jan 2021 07:40 AM PST

    A list of subreddits related to webdev

    Posted: 29 Jan 2021 01:20 PM PST

    I had this list of relevant subreddits on another subreddit but for some reason they removed my post so here we go. I hope you find this useful.Edit: they've restored the post but I still think this is valuable here.

    https://reddit.com/r/webdev <- you are here

    https://reddit.com/r/indiewebdev - web development

    https://reddit.com/r/webdevbuddies - find web development buddies

    https://reddit.com/r/web_design - web design

    https://reddit.com/r/frontend - web frontend

    https://reddit.com/r/backend - web backend

    https://reddit.com/r/Web_Development - Web development news

    Learn

    https://www.reddit.com/r/accessibility - web accessibility

    https://reddit.com/r/learnjavascript - javascript frontend and backend

    https://reddit.com/r/learnpython - python backend development

    https://reddit.com/r/learnjava - java backend development

    https://reddit.com/r/FreeCodeCamp - general web development

    https://reddit.com/r/learnreactjs - reactjs frontend web development

    https://reddit.com/r/WebdevTutorials - web tutorials

    https://reddit.com/r/learnwebdev - web development

    https://www.reddit.com/r/djangolearning/ - Django python backend development

    https://www.reddit.com/r/learnprogramming/ - general development

    Help

    https://www.reddit.com/r/javahelp - help with java

    https://www.reddit.com/r/PHPhelp - help with php

    Languages

    https://reddit.com/r/css - frontend styling

    https://reddit.com/r/html - frontend structure

    https://reddit.com/r/html5 - frontend structure

    https://reddit.com/r/javascript - backend and frontend

    https://reddit.com/r/typescript - backend and frontend

    https://reddit.com/r/elm - backend and frontend

    https://reddit.com/r/rust - backed

    https://reddit.com/r/python - backend

    https://reddit.com/r/ruby - backend

    https://reddit.com/r/golang - backend

    https://reddit.com/r/java - backend

    https://reddit.com/r/php - backend

    https://www.reddit.com/r/lisp - backend

    https://www.reddit.com/r/haskell - backend

    https://www.reddit.com/r/perl - backend

    Frameworks

    https://reddit.com/r/vuejs - frontend javascript web

    https://reddit.com/r/reactjs - frontend javascript web

    https://reddit.com/r/sveltejs - frontend javascript web

    https://reddit.com/r/angular2 - frontend javascript web

    https://reddit.com/r/django - backend python

    https://reddit.com/r/flask - backend python

    https://reddit.com/r/dotnet - backend framework

    https://reddit.com/r/blazor - backend framework

    https://reddit.com/r/rails - backend ruby

    https://reddit.com/r/node - backend javascript

    https://reddit.com/r/laravel - backend php

    https://www.reddit.com/r/symfony/ - backend php

    https://reddit.com/r/springframework - backend java

    Retro

    https://www.reddit.com/r/flash

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

    Does anyone know of a "production ready" reactjs website I can check out on GitHub?

    Posted: 29 Jan 2021 01:44 PM PST

    I would really like to see what a "production ready" reactjs frontend / backend (CRUD Api) looks like. That maybe a subjective term but I'm honestly a bit in the blind here since every learning resource just tends to take shortcuts and purposefully do things the incorrect ways to save time.

    Thanks.

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

    Making GitHub’s new homepage fast and performant

    Posted: 29 Jan 2021 02:37 PM PST

    Software dev stuck in tutorial hell, please help

    Posted: 29 Jan 2021 11:40 AM PST

    Hey, I'm a software developer. Graduated in '18 and worked at a large MNC for 1.4 years primarily in a support based role. After which, my dad's health condition worsened and I took a year break to care for him. On paper, I was a Java dev.

    I'm on the lookout for a job now but I'm feeling overwhelmed with all the tutorials and information that's available to me. I feel absolutely lost.

    I've tried to pick up react js, I looked through the technologies and JS was something that I learned easily and felt confident in. I felt it would be useful to build full stack apps with the MERN stack.

    Could someone please tell me what level of competency is required for me as a junior React dev? Will I get some training on the job? I'm paralyzed by the fear that I'll show up to work and get fired in 2 days for having knowledge gaps.

    The last year has really destroyed every ounce of confidence that I had and I'm feeling lost.

    I've built some decent projects following tutorials, but I don't have the creating bend to solve problems on my own. If someone tells me to build a site, I daresay I could build one for them but building unique things from scratch is daunting to me especially at my current mental state.

    I would really be thankful for any mentorship, or some advice on how I should go about things.

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

    I made an animated scene using vanilla JavaScript (code included)

    Posted: 29 Jan 2021 12:19 PM PST

    Host a fullstack web app

    Posted: 29 Jan 2021 01:35 PM PST

    Hey guys, I am learning web development and am developing a Django/React web app. Once I'm done with it, (I've done like 4/5) I'd like to host it for as cheap as possible. It's a pretty small app. I've heard of all those AWS, Azure, Google cloud, but they all seem too conplicated for such a small project. I've also heard about stuff like heroku, vercal(?), pythonanywhere, netlify, but they all have some kind of flaws or something. Anyways, I'm completely new to web dev and a lot of this seems to me pretty cryptic. Oh and also my project has a database, that I've heard I would have to host separately :(. So please, can anyone show me the way? Thanks in advance.

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

    DID I JUST MESS UP EVERYTHING

    Posted: 29 Jan 2021 11:22 AM PST

    I was using "profreehost" and built my site, I then bought a new domain and used the parked alias to redirect it to the new domain, it worked then I wanted to transfer to another hosting service. And I deleted the parked alias and the old domain. Is my work on WordPress all gone? Please any advice is very appreciated I'm freaking out.

    submitted by /u/720noscope7202
    [link] [comments]

    Remote Hack - a few of us get together and build stuff every month. It's a really relaxed, fun & friendly environment. If you're kicking around tomorrow, then please consider joining us! (we meet at 9.30 GMT, but you can swing by anytime).

    Posted: 29 Jan 2021 09:20 AM PST

    Is there a crossbrowser extension template/generator with modern standards?

    Posted: 29 Jan 2021 01:03 PM PST

    So, I've been looking for a template or a cli toolkit to generate crossbrowser web extension with modern standards in 2021. What I mean by modern standards are including webpack and having a frontend framework such as React, Vue or Angular and probably Typescript support, a tool making developing experience for crossbrowser extensions less painful.

    So far I've found a couple repos but they are severely outdated, dating back to even 2015 for some.

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

    Instagram live video API

    Posted: 29 Jan 2021 03:29 PM PST

    Does anyone know if instagram provides an API for getting live video comments / interactions?

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

    How many JIRA tickets are you supposed to complete in a day?

    Posted: 29 Jan 2021 03:23 PM PST

    I just got my first job as a junior full stack dev since this Wednesday and I have fear of not performing well enough. How many tickets you complete daily/weekly and how do you boost your productivity?

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

    Color Palette Tool

    Posted: 29 Jan 2021 03:02 PM PST

    Nice color picker app for grabbing colors from images along with a range of palettes matching your picture

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

    Clipping an SVG path based on percentage length - or, how to implement GPS travel effect?

    Posted: 29 Jan 2021 02:54 PM PST

    See here for a visual example: https://i.stack.imgur.com/dOApR.gif

    Context: I'm working with Leaflet- a mapping library, and I'm trying to renders an SVG line that indicates the path of travel for an entity.

    However, as the entity travels, I'd like to shorten the line so only what's left to travel is rendered.

    The ideal way to do this would be to specify some sort of "clipping" based on percentage to the line. However, from my research, I haven't been able to find out conclusively if this is possible.

    Can somebody familiar with SVG please lend me their insight?

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

    is it common to write tests for small take home coding challanges like roman numeral convertor?

    Posted: 29 Jan 2021 02:52 PM PST

    Imagin you are given roman numeral convertor challenge and the company you are interviewing with is saying it should take you 2 hours to solve this problem. I am wondering how often people write unit tests or other types of tests for their coding challenges and to what extent? is it better to write unit test wit 2-3 happy path examples and maybe checking some edge cases or is it unnecessary?

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

    Any good coding boot camps?

    Posted: 29 Jan 2021 02:33 PM PST

    I swear I've been researching these boot camps and talking to them and trying to make up my mind and every time I think I've found one I like I read something about it that makes me question it. First off, let me start by saying that I know I can teach myself all this shit without the help of a boot camp. My wife however wants to see a more solid program at work with good outcomes for job placement she's not gonna buy the whole I'll just teach it to myself. I've already been unemployed for too long and I need something to dive right in and help me learn it as fast as possible and I'm mostly paying for the structure, the accountability and the help. Now having said that, like I said..every time I think I've picked one some but of info makes me question myself. If you look on course report and switch up or whatever the other review website for these is all of them have a large portion of good reviews. If you look at the placement numbers for the major camps they are all pretty darn good. So I feel like me being a smart driven dude would be in these positive numbers, but sometimes you'll read some bad reviews on Reddit or something that will make you question all the others, for example I had narrowed it down to 2 camps I am considering devcodecamp and codeup. But going on here and searching them up I found some negative reviews that made me question all the good I'd seen comments like 'I read somewhere that codeup pays for good reviews' and a review where codeup 'didn't come through on their job garauntee and bent the rules for it so they wouldn't have to pay'...things for devcodecamp where they said the 'instructor fell off in the second half of the camp and you were left to google everything' or 'they deliver the same sales pitch to everyone and let anyone in..they just care about the money.' Things of that nature...and to be fair ALL of the ones I've talked to felt sales-y...and why not, of course they want you to join theirs and not another one...

    Are there any of these from anyone's experience or knowledge that have a truly solid reputation? Should I just discount bad experiences based on a significant amount of good reviews found online? I just wanna find one that actually cares about the education and placement at least AS MUCH as they care about getting paid.

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

    Building pages for integration with other websites as a third party

    Posted: 29 Jan 2021 02:17 PM PST

    I've created a web app for collecting tax forms. I've got a few customers and I'd like to offer them the ability to "round-trip" (maybe there's a better name for that) to my forms hosted on my website and then back to their own website once the form is successfully completed.

    It seems pretty straightforward to build, but I wanted to ping r/webdev to see if anyone had experience building something similar and what kind of gotchas you've run into.

    A key thing I need to accomplish is making the integration super easy for customers. I've seen many other services that do this but right now I'm drawing a blank and can't think of who else does this. If you can think of other examples to reference please share!

    Website is https://taxid.pro

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

    About to receive web application handover from developers - what next?

    Posted: 29 Jan 2021 09:41 AM PST

    Hi all

    I have no knowledge of web development at all but have a few questions - I am hoping you can tell me where to start reading, so I can learn the answers for myself. I am so clueless that I don't even know what terminology to put into Google, but I am here in good faith with a desire to learn and to be as non-annoying as possible for the web devs I work with.

    Basically since college I have had an idea for an app and recently my career has been going well and I had a bit of spare cash. I have therefore asked a web development company to build the app for me and we fleshed out a detailed Statement of Works, agreed some milestones, etc and everything has been progressing well. I am due to have the final app handed over to me mid-February.

    It is a web application built in JavaScript with Laravel for the backend.

    I currently have hosting and basically a simple Wordpress landing page. I am wondering what happens when they hand over the app to me:

    • what type of files will I receive from the developers?
    • do I have to upload them to my hosting?
    • will it be complicated to configure the server?
    • should I employ someone to do this and, if so, what would that person's job title be?

    I appreciate I could discuss this with the web development company but for sensible reasons (minimising costs and being able to actually express myself to them) and non-sensible reasons (pride, basically) I want to do some background reading beforehand.

    • Where should I start?
    • What videos should I watch?
    • Etc

    Thank you for helping me with this!

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

    highlight text as audio plays, audio provided - what tools would you use?

    Posted: 29 Jan 2021 09:20 AM PST

    I develop educational web content and this is a very common request. I know there are google services that can convert audio to text, as well as maybe a few open source tools like CMUsphinx that could do the job.

    I am thinking if I can get a data file with timestamps for the start of each word, I can make it work. Obviously I don't want to do this manually.

    I do not need text to speech, but I absolutely must have speech to text.

    What tools would you use? Any advice for me from salty vets that have dealt with this feature?

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

    Struggling to pass JavaScript var back to Flask and have ajax reload site

    Posted: 29 Jan 2021 12:52 PM PST

    I'm designing a simple flask app which be viewed live here:

    https://flaskapp.gullp.repl.co/

    ​

    There is a chart using chart.js and underneath resides a Pandas dataframe.

    Goal: When you click a bar on the chart, it filters the dataframe. Concretely, if I click the "Big Home" bar, the dataframe below will only show values where the label = "Big Home".

    Attempts:

    • Trying to use Ajax/jQuery to pass the value back to Python and have it filter the dataframe accordingly.
    • I've been able to get the corresponding clicked value (i.e when you click the first bar it will output "big home") My thought is that i can take this value, pass it back to python, and have it filter the dataframe, and subsequently reload the dataframe using ajax on the site.
    • Current attempt = bar is clicked -> corresponding value is saved to javascript var -> the javascript var is loaded into json string -> json string is then loaded back to flask -> flask rerenders dataframe.

    Problem:

    • I just learned flask, javascript, & jquery this week, so go easy on me, but I'm unable to get the entire process to work. Console is showing a 500 error...
    • I'm suspecting that i have no way to trigger the post method? Not sure how to accomplish this.

    My entire code is running here (can be edited here too) -> https://repl.it/join/rbkobiqi-gullp

    ​

    app.py (application factory):

    import os import random import pandas as pd import datetime as dt from flask import Flask, render_template, url_for, request, jsonify '''dataframe for table/graph''' df = pd.DataFrame({'label': ['Big Home','Big Home', 'Big Home', 'Medium Home', 'Medium Home', 'Small Home'], 'value': [10, 9, 9, 7, 6, 2]}) '''dataframe to display graph''' chart_df = df.copy() chart_df = chart_df.groupby("label").count().reset_index() '''Application Factory''' app = Flask( # Create a flask app __name__, template_folder='templates', # Name of html file folder static_folder='static' # Name of directory for static files ) @app.route("/", methods=["GET", "POST"]) def home(): labels = chart_df['label'].tolist() values = chart_df['value'].tolist() return render_template('index.html', values=values, labels=labels, column_names=df.columns.values, row_data=list(df.values.tolist()), zip=zip) if request.method == "POST": data = {} data['score'] = request.json['score'] return render_template(values=values, score = data['score'], labels=labels, column_names=df.columns.values, row_data=list(df.values.tolist()), zip=zip) else: return render_template(values=values, score = '', labels=labels, column_names=df.columns.values, row_data=list(df.values.tolist()), zip=zip) @app.route('/tabletest') def hello_world(): return chart_df.to_html(header="true", table_id="table") if __name__ == "__main__": # Makes sure this is the main process app.run( # Starts the site host='0.0.0.0', # EStablishes the host, required for repl to detect the site port=random.randint(2000, 9000), # Randomly select the port the machine hosts on. debug=True )

    -------------------------------------------------------------------------------

    index.html (template/index.html):

     <!doctype html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body> <center><canvas id="myChart" width="600" height="200"></canvas> <script> var ctx = document.getElementById('myChart').getContext('2d'); Chart.defaults.global.responsive = false; //start off with a blank value as the user has not clicked anything. var x_value = '000' console.log('current x value is = ' + x_value) var myChart = new Chart(ctx, { type: 'bar', data: { labels: /* {{ labels }}*/ ['Big Home', 'Medium Home', 'Small Home'] , datasets: [{ label: 'count per label', data: /*{{ values }} */ [3,2,1] }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] } //below allows you to click the chart and get the respective value. you will pass this value to python ,onClick: function(c,i) { e = i[0]; //console.log(e._index) var x_value = this.data.labels[e._index]; var y_value = this.data.datasets[0].data[e._index]; // console.log(x_value); //console.log(y_value); console.log('you clicked the graph, now the x value is = ' + x_value) } } }); //below puts the clicked value into a json format so we can pass it back to python/flask to reload the dataframe table that resides below the chart/graph. I'm attempting to pass it via ajax. var chart_clicked_data = { 'score' : x_value } $.ajax({ url: '/', //Flask.url_for('engagement_model'), type: 'POST', data: JSON.stringify(chart_clicked_data), // converts js value to JSON string }) .done(function(result){ // on success get the return object from server console.log(result) // do whatever with it. In this case see it in console }) </script> <!-- Table Logic Below --> <br> <br> <div> Your current score selected is = {{score}} </div> <br> <br> Trying to make it so when you click "Big Home" for example, the data table will only show values for "big home" <br> <br> <table border='1'> <thead> <tr> {% for col in column_names %} <th> {{col}} </th> {% endfor %} </tr> </thead> <tbody> {% for row in row_data %} <tr> {% for col, row_ in zip(column_names, row) %} <td>{{row_}}</td> {% endfor %} </tr> {% endfor %} </tbody> </table> </center> </bodh> </html>
    submitted by /u/pyMad
    [link] [comments]

    SVG Software recomendations

    Posted: 29 Jan 2021 12:44 PM PST

    I have use CorelDRAW but I was wondering if anyone had suggestions for any svg creation/editing software its not that I don't like Corel I was just wondering if there were any better ones

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

    What are some books that changed your life as a web dev?

    Posted: 29 Jan 2021 12:28 PM PST

    As title says: what is some books that changed your life as a web dev?

    Can be beginner books, experienced books, about front-end, back-end, databases or whatever.

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

    Self taught portfolio question

    Posted: 29 Jan 2021 12:18 PM PST

    Should I write that I'm a self taught developer on my personal website/portfolio? Or should I wait for possible interviews to bring that up

    submitted by /u/jak0wak0
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment