• Breaking News

    Wednesday, September 18, 2019

    Home Unlabelled I join as a front end developer tomorrow! :) web developers

    I join as a front end developer tomorrow! :) web developers

    September 18, 2019

    I join as a front end developer tomorrow! :) web developers

    I join as a front end developer tomorrow! :)

    Posted: 18 Sep 2019 09:51 AM PDT

    It has been a journey. I was working as a Network Engineer and couldn't really connect with the work I was doing. I quit after 9 months without any idea how the future was going to be. Friends and family were really against my decision. I was diagnosed with depression soon after. It was hell. Web development is something that has always intrigued me. I started learning HTML and CSS and create responsive websites from scratch. After a month, started learning JavaScript. Created a few interactive websites. Got more into JS. Studied advanced JS. Created a couple of projects. By this time my family lost their shit. I was asked to find a job or move out. I moved out and stayed with my grandparents for 3 months. They live in a village. There was no WiFi there. I used to study using my phone's hotspot.

    Started learning React. Created a few projects using it. Started applying for jobs soon after. Reached a couple of startups and suggested them to hire me as a trainee and offer me a permanent position after a few months depending on the progress I would make.

    Gave an interview today, and I join from tomorrow.

    I am just so excited to be working with people who know more than me. There is so much to learn.

    What I have written above is just a summary. I have edited out a lot of details including days where I felt like shit and wanted to quit.

    Just believe in yourself and put in the work, my friends. Cheers.

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

    100 million dollars to reshape the economics of the web

    Posted: 18 Sep 2019 02:08 AM PDT

    Building the most inaccessible site possible with a perfect Lighthouse score

    Posted: 18 Sep 2019 11:32 AM PDT

    Responsible Web Scraping: Gathering Data Ethically and Legally

    Posted: 18 Sep 2019 06:01 AM PDT

    npm install -g: Alternatives on a school computer?

    Posted: 18 Sep 2019 10:09 AM PDT

    Hey everyone,

    I'm working with Google Firebase, and the command to install the package is: npm install -g firebase-tools.

    Unfortunately, I'm working on a school computer, so the -g gets blocked. (I don't have access to the root directory, nor sudo).

    ​

    Running: npm install firebase-tools installs fine, but doesn't work. The basic command firebase isn't recognized by the terminal.

    ​

    What should I do about this?

    ​

    EDIT: Wow guys, thanks a ton for the responses. You guys are amazing.

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

    I feel overwhelmed

    Posted: 18 Sep 2019 04:52 AM PDT

    I've been learning web development for I would say a year, and I'm starting to this that time was wasted.I want to look for a better and more rewarding career in IT and with hopes of being a digital nomad and travel the world while working.

    However, I think I need to be honest with myself and say I lack the intelligence to do it. Like, I'm working on a project (dashboard) and I'm feeling overwhelmed, I have to do HTML, CSS (which isn't too big of a problem, minor nuisance at worst). But, when it comes down to JS I lose my shit, have to learn about vue, bable, vuex, vuetify (or whatever to your liking) webpack and god knows what else I'm missing here.

    I guess my question is could I still be "successful" being a web developer if I stuck with the basics, HTML, CSS, JS (with maybe a template engine), maybe learn back with express and mongoDB?

    EDIT: I don't care much about being "the best web developer ever in the history of mankind". I'm just wanting to be able be a web developer that would be suffice to me.

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

    .dev domains not resolving

    Posted: 18 Sep 2019 12:51 PM PDT

    Building a full app (say an e-commerce app) with only a backend

    Posted: 18 Sep 2019 10:23 AM PDT

    Is it okay to build a full app let's say an e-commerce shop with only a "back-end language" (Laravel or ExpressJS for exemple) and use the view engines to render views?

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

    Webdevs who celebrated being hired on their first job more than 6 months ago, how is it going?

    Posted: 18 Sep 2019 12:20 PM PDT

    Far and few in between, people in this community create posts which celebrate their finding of their first job (after teaching themselves how to code). I just wanna quickly reach out to you guys/girls to see how it's going for ya :)

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

    Headroom.js - Hide your header until you need it

    Posted: 18 Sep 2019 03:59 PM PDT

    Django - Escaping Django Template Syntax

    Posted: 18 Sep 2019 03:47 PM PDT

    I am trying to put a Django tutorial / checklist on my Django-constructed website. There are links to plain text files that contain Django html templates for reference.

    Now, I also have the Django template syntax in html, which isn't a problem, since I use "{" and "}" for "{" and "}", respectively. Unfortunately, this doesn't work in the plain text files. Neither does using the escape character "\" or the unicode notation ( i.e. "\u007D" for "}"). I really want to avoid having to rewrite each of these pages as html documents, as there are a lot of them and it will likely quadruple my work, having to rewrite every angle bracket as "<" and ">". I mean, I could write a program to do this, but, again, this would take more time.

    Does anyone know how one might get Django templating syntax to render properly in these text files without Django interpreting the syntax as code to be executed?

    submitted by /u/Science-Compliance
    [link] [comments]

    [Advice] For those that graduated from school, coding bootcamp, etc. without a job - what projects got you to a full-time position?

    Posted: 18 Sep 2019 11:43 AM PDT

    Hello! I went to a 3 month, full time coding bootcamp in the Bay Area to transition from policy to engineering and discovered a love for front end development. It combines my desire to learn, appreciation for aesthetics, and attention to detail.

    Most people in my 30 person cohort came from untraditional backgrounds and were not able to find coding jobs after (as was implied heavily by the bootcamp before we invested in the program). Not many of us have people for advice; the career advisors are not engineers and unavailable. I personally have not had any luck with recruiters either.

    I am hoping to learn:

    • What kinds of projects did you create to get noticed by companies?

    • What are recruiters looking for in projects that impress?

    • Is there anything else, like classes or certifications, that helps bridge the gap?

    • How do you know when you're competitive for a job if many job postings ask for years of experience?

    Thanks so much for reading and I'd love any advice you could share with me and my cohort members!

    P.S. For anyone considering a bootcamp - I want to just say that, if at all possible, talk to someone who has gone through that particular program to vet it fully. I know some are supposed to be great!

    submitted by /u/Nakji-bokkeum
    [link] [comments]

    Semi-experienced amateur react dev - Should I bother using react for a business site or use wordpress?

    Posted: 18 Sep 2019 03:24 PM PDT

    Basically, I am involved in a small tutoring business which needs a website. The core functionality would be this:

    1) Standard static site stuff - pretty homepage/about us/ contact 2) Login profiles - tutee profiles with payment and appointment booking. Tutor profiles with schedules and timetables. Admin profiles with global access to all correspondence/booking/etc 3) some kind of correspondence system between signed up users.

    The tutors will be preselected (via an application).

    So I have used react a fair bit - but I'm wondering if it'd be easier/ possible to use wordpress and some plugins to implement this in a secure way. What do you think?

    note: I will be maintaining the site for the foreseeable future

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

    Need help with media query resize whitespace problem

    Posted: 18 Sep 2019 03:13 PM PDT

    I'm building a website use React and a mix of vanilla Bootstrap and custom CSS. When I try to resize, I get a large white space on the right of the page for small screen size.

    ​

    Here's an image of what's happening:

    https://imgur.com/a/QTzTHvi

    ​

    and the code:

    ​

    import React from 'react'; import carimg from './images/cars.jpg' import { FiPhoneCall } from "react-icons/fi"; import './App.css'; const phoneNumber = "555-555-5555"; class App extends React.Component { state = { showModal: false, focusAfterClose: true, modalMessage: "", zipcode: "", currentlyInsured: "", ageRange: "" }; handleChange = e => { const { name, value } = e.target; this.setState({ [name]: value }); }; handleSubmit = (zipcode, currentlyInsured, ageRange, e) => { e.preventDefault(); console.log(zipcode, currentlyInsured, ageRange); if (currentlyInsured === "no") { this.setState({ showModal: this.toggle, modalMessage: "Sorry, no rates available" }); } if (ageRange === "over") { this.setState({ showModal: this.toggle, modalMessage: "Yes, we have great rates available!" }); } else if (ageRange === "under") { this.setState({ showModal: this.toggle, modalMessage: "Coming soon!" }); } this.setState({ zipcode: "", currentlyInsured: "", ageRange: "" }); }; toggle = () => { if (!this.state.showModal) { // attach/remove event handler document.addEventListener("click", this.toggle, false); } else { document.removeEventListener("click", this.toggle, false); } this.setState(prevState => { return { showModal: !prevState.showModal }; }); }; ModalMessage = () => ( <div id="myModal" className="modal" > {/* <!-- Modal content --> */} <div className="modal-content"> <div className="modal-header"> </div> <div className="modal-body"> <h3 style={{ textAlign: "center" }}>{this.state.modalMessage}</h3> </div> <div className="modal-footer"> </div> </div> </div> ); render() { const { zipcode, currentlyInsured, ageRange } = this.state; return ( <> <div className="container-1"> <div className="jumbotron"> <div className="header-text"> <h1 className="display-4"> Lower Your Auto <br /> Insurance Rates </h1> <h5>Compare Rates to Save On Your Policy Today!</h5> </div> {/* Create Card */} <div className="card"> <div className="card-body"> <div className="card-title" tag="h4" style={{ fontStye: "strong" }} > <strong>Cheap Auto Coverage</strong> </div> <div className="card-title"> Complete just <strong>3 simple steps</strong> to <br /> get quotes from top providers in your area. </div> {/* Start Form content in card here */} <form className="form" onSubmit={e => this.handleSubmit(zipcode, currentlyInsured, ageRange, e) } > <div className="form-group textarea"> <input className="form-control textarea" onChange={this.handleChange} value={this.state.zipcode} type="text" name="zipcode" id="zipcode" placeholder="zipcode" required /> <select className="form-control textarea" onChange={this.handleChange} value={this.state.currentlyInsured} name="currentlyInsured" id="currentlyInsured" placeholder="currently insured?" required > <option value="" disabled> Already insured? </option> <option value="yes">Yes</option> <option value="no">No</option> </select> <select className="form-control textarea" onChange={this.handleChange} value={this.state.ageRange} type="select" name="ageRange" id="ageRange" required > <option value="" disabled> Age Range </option> <option value="under">Under 25</option> <option value="under">25 to 34</option> <option value="over">35 to 44</option> <option value="over">45 to 55</option> <option value="over">over 55</option> </select> </div> <button type="submit" className="btn btn-danger btn-lg" data-toggle="modal" data-target="#myModal" onClick={this.toggle} > <h5>Find Lower Rates</h5> </button> <div>{this.state.showModal && <this.ModalMessage />}</div> <button id="callAgent" style={{ marginTop: "20px"}} type="button" className="btn btn-info btn-lg" > <span style={{ marginRight: "25px"}}><FiPhoneCall /></span> <span style={{ marginLeft: "5px", color: "white" }}><a href={phoneNumber}>Talk to a Live Agent</a></span> </button> <p className="secure-text"> <small>Your information is safe and secure.</small> </p> </form> {/* End form here */} </div> </div> </div> </div> {/* Body of page */} <div className="container-2"> <div className="row"> <div className="col-6"> <h3> We provide free quotes from top providers in your area in less time. </h3> <div className="list"> <ul> <li>Save time researching policies.</li> <li>Get a fast response with no waiting.</li> <li>Compare low-cost policies.</li> <li>Save up to 30% on auto insurance.</li> </ul> </div> </div> <div className="col-6"> <div className="car-photo"> <img src={carimg} alt="cars" /> </div> </div> </div> </div> </> ); } } export default App;

    CSS:

    ​

    @import url("https://fonts.googleapis.com/css?family=Fira+Sans&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Fira Sans", sans-serif; } .img-fluid { max-width: 100%; max-height: auto; } .container-1 { width: 100%; height: auto; } .container-1 .jumbotron { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: auto; color: rgb(0, 0, 0); background-color: white; background: url("images/bg.jpg") no-repeat; background-position: left 80%, right top 40%; background-size: cover; } .header-text { flex-basis: 34em; text-shadow: 3px 2px #000; } .header-text h1 { color: white; text-shadow: 2px 2px #000; font-weight: 900; font-size: 3em; } .header-text h5 { color: yellow; text-shadow: 1px 2px #000; font-weight: 800; font-size: 1.4em; } .card { display: flex; justify-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3%; flex-basis: 18em; } .card .btn { text-align: center; border-radius: 0; } p.secure-text { text-align: center; } .form { display: flex; flex-direction: column; justify-content: center; } input[type="text"], .txtarea { margin-bottom: 20px; } select, .txtarea { margin-bottom: 20px; } .container-2 .row { display: flex; flex-direction: row; margin-right: 5em; margin-left: 10em; } .container-2 h3 { color: rgb(245, 37, 37); overflow-wrap: normal; margin-right: 7em; margin-bottom: 0.75em; } li { list-style: none; } li:before { content: "✔️"; margin-right: 1.2em; } /* The Modal (background) */ .modal { display: block; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } /* Add Animation */ @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } /* The Close Button */ .close { color: rgb(95, 114, 66); float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .modal-header { padding: 2em; background-color: #5cb85c; } .modal-body { padding: 2em; } .modal-footer { padding: 2em; background-color: #5cb85c; } #callAgent { display: none; } @media only screen and (min-width: 320px) and (max-width: 840px) { .container-1 .jumbotron { flex-direction: column; } .header-text { flex-basis: 15em; } .header-text h5 { display: block; width: 375px; height: auto; } .container-2 .row { display: inline-flex; flex-direction: column; } .container-2 h3 { white-space: nowrap; margin-left: -6em; font-size: 1.6em; } #callAgent { display: block; } }
    submitted by /u/dsound
    [link] [comments]

    Where does one put the code when building a website???

    Posted: 18 Sep 2019 03:11 PM PDT

    So, I'm learning front-end and I'm a still a newbie so please be patient with me.

    I have a website hosted with Siteground and I'm currently using Wordpress on my website.

    When I test things on Codepen.io everything is pretty straightforward, but when it comes to styling and scripting on my own website I don't know where to put the code.

    Where do I put the CSS code to build my homepage and the overall design that will appear everywhere on my website?

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

    Must have modern web development books?

    Posted: 18 Sep 2019 02:47 PM PDT

    Latest JS, Vue, React, Django, Rails etc...

    Lots of older must have books are recommended, but what are some must have books within the last 3 years that developers should take a look at?

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

    Am i missing something or is JAMstack complete and utter nonsense?

    Posted: 17 Sep 2019 08:57 PM PDT

    I have a really hard taking it seriously, but maybe there's some nuance i'm missing. could someone try to CMV?

    A modern architecture — Create fast and secure sites and dynamic apps with JavaScript, APIs, and prerendered Markup, served without web servers.

    what exactly do they think is serving their sites and APIs if not a webserver? do they just mean "served by someone else's webserver unless it's the webserver you're using for your API?"

    The JAMstack is not about specific technologies.

    It literally has a specific technology in its name

    It's a new way of building websites and apps that delivers better performance,

    what is new about it? it sounds like generating static sites to use apis. not exactly groundbreaking, CDNs aren't new, and definitely not really something that merits it's own named "architecture"

    You may have already seen or worked on a JAMstack site! They do not have to include all attributes of JavaScript, APIs, and Markup. They might be built using by hand, or with Jekyll, Hugo, Nuxt, Next, Gatsby, or another static site generator...

    if you don't have to use JAM to be JAM, what is the point of defining JAM in the first place? it sounds like they are retconning sites and loosening their definition to artificially inflate "adoption"

    apps that delivers better performance [...] Any dynamic programming during the request/response cycle is handled by JavaScript, running entirely on the client.

    the only thing i see of improved performance is the delivery speed. if you're doing all logic in-browser, performance is just off-loaded to the client and made much more variable and unpredictable

    higher security

    that just sounds dubious at best

    Everything Lives in Git With a JAMstack project, anyone should be able to do a git clone,

    sounds like another specific technology baked into the idea and generally a terrible idea to couple your project with a VCS

    I could go on, but from my perspective it looks like contradiction after contradiction and redefining what words mean. I don't understand why. It sounds like a developer with really fancy hair is trying to sell something, but i can't figure out why they're trying to sell it. or rather it doesn't sound like there is anything to sell at all, and definitely nothing new

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

    Which should i pick for this next project - ASP.NET or PHP?

    Posted: 18 Sep 2019 02:37 PM PDT

    Hi guys. I would appreciate some thoughts about this situation.

    I was given the task to develop a mid-to-large-scale web application and the technology will be my pick. Of course I must choose well, for once the decision is made, it'll be hard and cost-prohibitive to revert it.

    I consider myself a senior C# / ASP.NET developer, and also a decent PHP developer, although the last time I did PHP was around 2016 and the version was 7.0 (I used no frameworks - just did some modifications in a few Moodle / Wordpress websites). So, I was intending to choose PHP for this project, for the sake of learning more and becoming more senior in this language, in which I have (or had?) intentions to develop some open source projects in the future.

    However, I've been more and more re-considering using ASP.NET (perhaps ASP.NET Core) for this project, for these reasons:

    1. I know my way around Visual Studio (building, debugging, managing dependencies / packages) very well
    2. On the other hand, I don't know how to set up the debugger in PHP (but I can learn); I also don't know any framework at all and will have to do research and testing before picking one, that is, if I don't want to code all the HTML by hand (which would be a fun exercise, but not sure it'd be productive)
    3. The C# syntax looks so much more familiar to me
    4. It also looks more clean and consistent. I know that PHP 7.2 and newer has improved a lot, but still, I do have the impression that some PHP constructs looks more like C, more 'hackish', whereas C# looks more like modern C++ (this impression might be not entirely accurate)
    5. C# is newer and has been designed by people with previous experience in Delphi and Java language design.
    6. I find the C# documentation better, and the community kind of feels more professional. When trying to find help for PHP problems I tend to come across a large proportion of answers of the type "try this", which I hate.

    Reasons 3-5 are related, obviously.

    PHP has some advantages too:

    1. It requires an editor, and that is usually less resource-intensive than VS (except PHPStorm, which I refuse to use, even thought it is the more feature-complete option)
    2. It appears to play better with MySQL / MariaDB (compared to ASP.NET with Entity Framework), which is the database I'm probably going to use
    3. It has been opensource, free and cross-platform from the very beginning
    4. The technology tends to become less obsolete (I think - compared to ASP's Razor Views for example)
    5. The knowledge I'll obtain (implementing authentication, authorization, writing HTML5) will probably be useful in the future.

    These are the differences that I see that are relevant to me. The differences concerning hosting prices and choice of platform aren't really a factor.

    So, I don't know what to choose. Should I go with PHP and learn it well, while taking a little longer to develop the product, or should I just keep on my way to become a C# master (since I feel I like C# more than PHP) and opt for ASP.NET or ASP.NET Core?

    Thanks for any input and sorry for the long post.

    Edit: Some additional info that might be useful. I don't actually enjoy web development a lot (except for pure backend); my favorite language is C++ and I want to be a computer engineer in the future - that is, dealing with CPU, memory, automation, these kind of stuff. But for now I make a living as a programmer.

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

    Export from Github Pages to Ghost posts

    Posted: 18 Sep 2019 02:34 PM PDT

    Hi guys

    I have a website on Github pages that I would like to export all the posts and migrate to Ghost. Having problems trying to find ways of migrating this data from Github pages, alot of information on migrating to: Github pages but I want to migrate away to Ghost.

    Does anyone have any areas of investigation or knowledge how I could achieve this migration?

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

    If you are a Development and you have a Dapp idea ,but need funding.Then why not enter ths competition.

    Posted: 18 Sep 2019 02:16 PM PDT

    same css text color shows different color in safari compared to other

    Posted: 18 Sep 2019 02:14 PM PDT

    hi guys so i have css for text color which is as follow

    input[type="text"], input[type="password"], textarea, select { color: #777; }

    it looks fine, nice dark grey on all browser except safari. on safari, the text turns into unreadable white. i checked the CSS and its pulling the same color, so i dont know why the colors are completely different from chrome and firefox

    i have tried using #777777 to see if that makes a difference and i have also straight up tell it "color:black" but safari doesnt seem to be taking it while firefox and chrome have no problem with it

    heres a screenshot of what it looks like on safari and chrome, top is iphone x, bottom is galaxy s10 chrome

    https://imgur.com/a/26WAIOd

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

    do you ever feel guilty about not being passionate about a client's project?

    Posted: 18 Sep 2019 12:31 AM PDT

    i'm helping to maintain a wordpress monstrosity for this old codger, who is clearly pouring his heart and soul into this thing. he posts to the blog once or twice a day these really deep stories about his life and experiences. he's a nice guy and he's paying me well. however, there are a few issues that make it obvious to me it's just not going to work out.

    first of all. his previous webdev seems to have been your prototypical "wix engineer". the website is an absolute mess - almost any element of note has an entrance animation. like seriously, half the shit on the screen is spinning at any one moment. client thought i was crazy when i suggested turning off 90% of the animations. he thinks it looks good. there's also an absurdly annoying popup that shows up whenever you navigate to a new page. it takes a good 10 seconds to load with all the animations. again, he thought i was nuts for suggesting removing it. his bounce rate is 94% and those who do stay, leave shortly after the 1 minute mark on average. oh yeah, there's also an obnoxious "turn off your adblock please" popup right after the main popup.

    the client also doesn't seem to understand even the basics of monetizing this type of website. he says he has "good counsel" but he previously told me that he's paying thousands of dollars for business lessons from a well known MLM personality (he referred to him as a "business guru"). i suspect this is the counsel he's referring to. the advice he's being given looks like it came from a list of "top 5 ways to monetize your blog" from a google search. none of his monetization attempts show any actual knowledge of the strategy. for example, he thought he was participating in a certain referral program but his product links were not set up correctly. all the links were broken because they contained spaces. he never checked and his previous webdev apparently didn't notice or didn't care.

    it's weird. this is my best paying job but its also frustrating to see the guy get ripped off by various people. and you can't exactly give someone older than your father the "you need to smarten up, guy" talk.

    thoughts?

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

    Do you find web animations distracting? Togglific provides a distraction-free web experience!

    Posted: 18 Sep 2019 06:13 AM PDT

    How do blogs like CSS Tricks & Egghead.io monetize, if at all?

    Posted: 18 Sep 2019 01:24 PM PDT

    These are just two of the big ones that come to mind, but just tutorial-like blogs like these. Do they monetize? I can't imagine you can make a significant amount just through ads.

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

    No comments:

    Post a Comment