• Breaking News

    Monday, June 17, 2019

    Home Unlabelled What happens when software developers are (un)happy web developers

    What happens when software developers are (un)happy web developers

    June 17, 2019

    What happens when software developers are (un)happy web developers

    What happens when software developers are (un)happy

    Posted: 17 Jun 2019 06:33 AM PDT

    Freelancing in College?

    Posted: 17 Jun 2019 03:27 AM PDT

    I've recently started down the path of web development and I'm hoping to eventually make some money as a freelance developer. I'm currently entering my junior year of school as a math + CS major and the potential experience will come in handy when I start applying to internships (not to mention any additional money in college is helpful, to say the least). Have many people here had experience with freelance work, especially at the college level? If so, what's it like when things first start to become serious and would I be able to make enough money for this to be considered "worth it"?

    ​

    Quick note: Web development -- at least right now -- is not necessarily the main market I hope to enter after graduation. I'm open to the idea however, assuming it pays off well enough; I'd even consider continuing as a side-gig if things go well.

    ​

    TL;DR: I'm entering my junior year of college and I hope to develop as a freelancer, at least until graduation. Any advice?

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

    You’re Going Through Software Engineer Puberty

    Posted: 17 Jun 2019 09:21 AM PDT

    Where do you find code to read?

    Posted: 17 Jun 2019 04:33 AM PDT

    There's millions if projects on Github but I find it hard to find projects that are not to big to read and are built for users and not other developers bc that is similar to the type of projects I work on at work. Any ideas on how to find applications to study? (PHP/Laravel)

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

    How does one make a portfolio for backend development?

    Posted: 17 Jun 2019 07:45 AM PDT

    I graduate in a year and would like to make a portfolio. I know server coding (node, express, and the like) and database stuff (sql and nosql) but not front end. what do I do?

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

    When should you be using Web Workers?

    Posted: 17 Jun 2019 05:09 AM PDT

    Pull Panda is joining GitHub

    Posted: 17 Jun 2019 10:38 AM PDT

    What are/were some of your challenges as a freelancer?

    Posted: 17 Jun 2019 10:09 AM PDT

    Hi, I'm a senior full stack developer with 10+ years of freelance/agency experience. I'm currently building an app to help freelancers with their projects, specifically client communication and project management.

    I'd like to hear about your challenges as a freelancer and how or if you managed to overcome them.

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

    What are your most focused, productive time or hours during the day?

    Posted: 17 Jun 2019 11:03 AM PDT

    Mine is 10 am to until I eat lunch. That's it. Is this a joke? No. I'm serious.

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

    At what point do you look for a junior front end dev job?

    Posted: 17 Jun 2019 09:13 AM PDT

    So I've been learning HTML and CSS on and off for about a year or two. I've got a good understanding and now that I'm getting more serious I'm studying more and getting into JavaScript. I've built a few basic sites and projects with HTML and CSS so I do have some experience I can show. I'm also currently in the process of getting an Application Development degree at a community college.

    My question is should I start applying while I'm still learning JavaScript? Should I wait until I have a more solid understanding before I even look for jobs?

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

    SQL Injection and Web Applications

    Posted: 17 Jun 2019 12:00 PM PDT

    Interactive Animation in HTML Email

    Posted: 17 Jun 2019 12:43 PM PDT

    What is your sweetspot project length?

    Posted: 17 Jun 2019 09:59 AM PDT

    How long can you work on a project before you start getting bored or frustrated?
    My longest on a particular project has been nearly 4 years. That was way too long.
    Between 6 months and 1 year seems to be my sweet spot.

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

    Prototyping in bootstrap and then customizing

    Posted: 17 Jun 2019 12:05 PM PDT

    I'm not really a web designer or interested in extensive front-end development, so I'd like to be able to create a mockup in bootstrap and have a quick way to customize it from there so it doesn't look like bootstrap. I was thinking along the lines of basically overriding the bootstrap css for the components I use, and reusing the overrides in other projects. Eventually after a few projects, I'm imagining having created my own bootstrap styles for the common components (without changing the responsive layout and other 'hard' stuff) and being able to just use that.

    It's a pretty vague idea so I was wondering if anyone's used a workflow like this and has any advice.

    submitted by /u/gandalf-the-gray
    [link] [comments]

    Where do you find the most success in finding freelance jobs?

    Posted: 17 Jun 2019 11:50 AM PDT

    Im going to start looking into doing freelance work, but am not sure where the best place to look is.

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

    Code Works in My Own Environment, not on Website

    Posted: 17 Jun 2019 03:29 PM PDT

    Hello r/webdev

    I have a newbie question for you. I am attempting to place my sandbox version of a web app online. I am having a problem converting some of the styles over (specifically from Code mirror). My style.css is coming across just fine, however, none of the code mirror functionality is coming through. Any help would be great.

    Note: My own personal code is working on my web browser, but the code is not working online.

    <link rel="stylesheet" type="text/css" href="style.css"/> <script src="codemirror/lib/codemirror.js"></script> <link href="codemirror/lib/codemirror.css" rel="stylesheet"/> <script src="codemirror/mode/vb/vb.js"></script> <link href="codemirror/theme/idea.css" rel="stylesheet"/>

    Thanks,

    Blake

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

    Any way to automate responsive image source sets?

    Posted: 17 Jun 2019 03:21 PM PDT

    https://www.responsivebreakpoints.com/ is helpful but I'd like to do this in my build process if possible.

    Current site is Jekyll + Gulp + Sass

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

    Language for simple webapp

    Posted: 17 Jun 2019 07:30 AM PDT

    Hello there

    ​

    Hopefully I'm in the right sub with this:

    ​

    I'm not sure with what language (and possibly framework) I should write this tool/app.

    Basically it should be able to do this things:

    - Runs on a linux server

    - Server a webpage (single-page html file works)

    - Handle GET/POST requests (as an API in very small format)

    - Handle User-Auth/Sessions (if I have to write my own auth-handler, that shouldn't be a problem. But I need session)

    - I should be able to run the "command" in any directory and it uses that directory as my "data-dir"

    ​

    What I want to do with it:

    - Create a tool/command which I can run in a directory on my Linux workstation. It then starts up a webserver which servers a webapp to modify the files inside that directory. (Mix of ToDo, Notes and Docs.)

    ​

    I thougth about C#/ASP.NET CORE, but it feels like too much work to learn ASP.NET if I only want to create such a "small" tool.

    Maybe python?

    ​

    I know PHP, python, C#, etc...

    ​

    Thanks and Regards,
    DK

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

    Feedback on your code, develop your skills and hang out

    Posted: 17 Jun 2019 02:39 PM PDT

    I have setup a community a few weeks ago for people to find studybuddies, request exercises - and get feedback, get long-term mentoring, ask questions and hangout. This is for almost all languages. If there's a language missing, just hit me up! If you are interested, you're welcome. If you're not, well.. Sorry for this post then, hope you don't find it annoying it's all free!

    The link: https://discord.gg/bhSwuDS

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

    does anyone have experience with algolia search sort by and can help a struggling junior dev!!

    Posted: 17 Jun 2019 02:39 PM PDT

    hey guys, ive just started as a junior dev and one of my first tasks has been to help with an algolia search function creating a sort by filter, i've spent waaay too long on it already and i don' t really know what to do now. i'm struggling to solve it even after reading the documentation. i've tried looking at videos online but no one really walks you through. i'm a bit overwhelmed as i'm editing someone elses code too with over 100 files and i would really appreciate if anyone who has experience using algolia could help me out!

    ​

    i'm reading about the replicas, set settings etc .. but i'm struggling to know where to put them in the functions and in what files? i need to sort by 'most popular, recently added and best match'

    ​

    for recently added, i tried adding a search.addWidget with a container and indices and then used index.setSettings and replicaIndex.setSettings but it doesn't work

    ​

    its gonna be a long night for me haha.. if anyone can share some insight will massively appreciate!

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

    Classic web app vs SPA

    Posted: 17 Jun 2019 02:25 PM PDT

    Hi!,

    ​

    if You don't want to read whole text, please answer: how did look web apps before SPA trend (if you have experience).

    ​

    I'm preparing diploma thesis which compare classic web application with new SPA (in Angular). I'm new in web dev, so I have experience only with SPA. I would see Your advices.

    ​

    Current plan:

    Create full-stack application in classic style and SPA (Angular). Back-end in Node.js.
    Show similarities, differences, evolution and trends in web apps through last 10 years.

    ​

    Current comparison points:
    - structure (folders tree),

    - how it works,

    - performance,

    - SEO,

    - automation testing?

    ​

    My current knowledge or ideas:

    ​

    Classic apps:

    - back-end server does more, because it returns new view (html) after URL change in the browser,

    - there are maybe no strong division between front-end app and back-end app, because we can store all presentation code (html, css, js) in views folder (MVC pattern) which is part of back-end folder structure and back-end programming pattern,

    - each view get all data in the beginning of connection, for example by html render engine like PUG,

    - several years ago, programmers use: old JS with var, function and prototype notation, jQuery and css float (to make websites responsive), some type progress was AJAX (used sometimes),

    - websites was static, it means that every action cause reloading website. For example there are two sites: add form, list form,

    - one website focused on 1 thing,

    - SEO is clear to implement, because each view has own html file,

    - programmers started of clear folder, so they created their own structures with folders and files. There aren't framework or boilerplate templates, so each web app looks different.

    ​

    SPA

    - back-end server send whole front-end app in the first client connection to domain. It can be huge package (or divide by lazy modules) but we can browse through app almost 'instant' like in mobile app, so next connections between front and back-end are API calls,

    - there is strong and clear division between back-end part (for example Node+express) and front-end (Angular). Each part has own folders structure and place,

    - there are ready to code, template of app with folder structure and good practices (Angular CLI). Framework proposes to use patterns like dependency injection, components, lazy loading etc.,

    - Angular use TypeScript and new versions of JS (classes, let/const etc.),

    - app is divide on modules, components, services,

    - application is really dynamic. There are a lot of different, independent components on 1 page. User waits only when api calls executed more than instant,

    - SEO is more complicated because there are only one html file and only its content between body tag is replacing,

    - this type of app is repetitive and similar between companies so this trend makes easier to adapt in new job,

    - there are prepared frameworks for automation testing.

    ​

    Uff, there are a lot of text. If you're here I would to say thank you! Another thank you I will say when you share your experience, corrections, ideas, tips and opinion :)

    Let's start the discussion.

    submitted by /u/ng-g-user
    [link] [comments]

    What makes Firebase Auth so good and what are the keys to rolling your own?

    Posted: 17 Jun 2019 02:10 PM PDT

    What makes Firebase Authentication so good besides being free?

    ​

    What are the keys to rolling your own? For instance, I am going to roll my own phone number auth that Twillio or Plivo to send confirmation msg's

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

    How do I achieve this effect?

    Posted: 17 Jun 2019 02:08 PM PDT

    The effect in question is this kinda parallax effect, where you scroll and the images in the background scroll quicker.

    ​

    Is this the regular parallax effect, but rather than applying to a whole background, it's done on a single element?

    ​

    It's here, https://notify.me/

    Try scrolling.

    ​

    Thanks in advance.

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

    Getting Started With Node JS & Express

    Posted: 17 Jun 2019 01:45 PM PDT

    Getting Started With Node JS & Express

    ​

    https://i.redd.it/l9xd9sg3az431.png

    I just finished up a tutorial walking through setting up a simple Node JS & Express web server. If your new to learning Node JS or Express, feel free to check it out!

    ​

    Getting Started With Node JS & Express: https://medium.com/@michaelpopedeveloper/getting-started-with-node-js-express-44c2b6b6456f

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

    d3-lasso cannot find d3-drag module in Angular 7

    Posted: 17 Jun 2019 01:40 PM PDT

    I'm having this simple code that implements a scatterplot (using d3.js in an angular 7 app), in which I want to enable the d3-lasso feature to select the points. So in order to do that, I installed `npm i d3-lasso`
    `and npm i d3-drag`.

    The code I'm executing is the following:

    ​

    private buildChart() { // Set the dimensions of the canvas / graph let margin = {top: 20, right: 80, bottom: 60, left: 50}, width = 960 - margin.left - margin.right, height = 500 - margin.top - margin.bottom; let domainX = d3.extent(this.plotData.scatterDataList, function(d:any){ return Number(d.x) }) let domainY = d3.extent(this.plotData.scatterDataList, function(d:any){ return Number(d.y) }) // Define the x,y scale functions var x = d3.scaleLinear() .range([0, width]) .domain(domainX) .nice(); var y = d3.scaleLinear() .range([height, 0]) .domain(domainY) .nice(); // Create the tooltip area let tooltip = d3.select(this.chartElement.nativeElement).append("div") .attr("class", "pca-tooltip") .style("position","absolute") .style("background-color", "#f5f5dcd4") .style("padding","5px") .style("border-radius","10px") .style("opacity", 0); // Tooltip's value parser let xValue = function (d:any) { return d.x; }; let yValue = function (d:any) { return d.y; }; // Define colors var color = d3.scaleOrdinal(d3.schemeCategory10); // Prepare the SVG canvas let svg = d3.select(this.chartElement.nativeElement) .append('svg') .attr('width', width + margin.left + margin.right ) .attr('height', height + margin.bottom + margin.top ) // Add the x Axis svg.append("g") .attr("class", "axis axis--x") .attr("transform", "translate("+ margin.left + "," + (height + margin.top) + ")") .call(d3.axisBottom(x)); // Add the y Axis svg.append("g") .attr("class", "axis axis--y") .attr("transform", "translate(" + margin.left + ","+ (margin.top) +")") .text(this.plotData.yaxis) .call(d3.axisLeft(y)); // Add points svg.selectAll(".dot") .data(this.plotData.scatterDataList) .enter().append("circle") .attr("id", function (d:any, i:number) { return d.metadatas[0]; }) .attr("class", "dot") .attr("cursor", "crosshair") .attr("r", 3.5) .attr("cx", function (d:any) { return x(d.x) + margin.left; }) .attr("cy", function (d:any) { return y(d.y) + margin.top; }) .style("fill", function (d:any) { return color(d.classname); }) .on("mouseover", function (d:any) { tooltip.transition() .duration(200) .style("opacity", .9); tooltip.html(d.metadatas[0] + "<br/> (" + xValue(d).toFixed(2) + ", " + yValue(d).toFixed(2) + ")") .style("left", (d3.select(this).attr("cx")) + "px") .style("top", (d3.select(this).attr("cy")) + "px"); }) .on("mouseout", function (d) { tooltip.transition() .duration(500) .style("opacity", 0); }); // Create the area where the lasso event can be triggered let lasso_area = svg.append("rect") .attr("width", width+margin.left) .attr("height", height+margin.top) .style("opacity", 0); // Lasso functions var lasso_start = function() { lasso().items() .attr("r",3.5) // reset size .style("fill", null) // clear all of the fills .classed("not_possible",true) // style as not possible .classed("selected",false); // style as selected }; var lasso_draw = function() { // Style the possible dots lasso().possibleItems() .classed("not_possible",false) .classed("possible",true); // Style the not possible dot lasso().notPossibleItems() .classed("not_possible",true) .classed("possible",false); }; var lasso_end = function() { // Reset the color of all dots lasso().items() .classed("not_possible",false) .classed("possible",false); // Style the selected dots lasso().selectedItems() .classed("selected",true) .attr("r",7); // Reset the style of the not selected dots lasso().notSelectedItems() .attr("r",3.5); }; lasso() .items(d3.selectAll("dot")) .targetArea(lasso_area) // area where the lasso can be started .closePathSelect(true) // can items be selected by closing the path? .closePathDistance(75) // max distance for the lasso loop to be closed .hoverSelect(true) // can items by selected by hovering over them? .on("start", () => { lasso_start() }) // lasso start functionality .on("draw", () => { lasso_draw() }) // lasso draw functionality .on("end", () => { lasso_end() }); // lasso end functionality svg.call(lasso()); }

    and in the browser, I'm getting the following error.

    ERROR ReferenceError: d3 is not defined at lasso (d3-lasso.js:776) at Selection.call (call.js:4) at PcaPlotComponent.push../src/app/dashComponents/plots/pca-plot/pca-plot.component.ts.PcaPlotComponent.buildChart (pca-plot.component.ts:177) at PcaPlotComponent.push../src/app/dashComponents/plots/pca-plot/pca-plot.component.ts.PcaPlotComponent.ngOnChanges (pca-plot.component.ts:19) at checkAndUpdateDirectiveInline (core.js:22095) at checkAndUpdateNodeInline (core.js:23363) at checkAndUpdateNode (core.js:23325) at debugCheckAndUpdateNode (core.js:23959) at debugCheckDirectivesFn (core.js:23919) at Object.eval [as updateDirectives] (AnalysisResultsComponent.html:152)

    Then If I open the d3-lasso.js file and look at line 776, I'm seeing the following:

    // Apply drag behaviors var drag = d3.drag() <------ THIS IS THE LINE WHERE IT CRASHES .on("start",dragstart) .on("drag",dragmove) .on("end",dragend);

    From that, I concluded that either I'm using a wrong version of d3-lasso or there is some problem of d3-lasso to find the d3-drag module.

    If there's any idea or hint on what am I doing wrong here it would be very useful and welcomed.

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

    No comments:

    Post a Comment