What's in a Production Web Application? web developers |
- What's in a Production Web Application?
- Chrome 68... fails Acid2?
- I created this PWA for my kids, based upon the classical music piece "Peter and the Wolf". Turns out that making large mp3s available offline with a Service Worker was harder than I thought. But I'm pretty happy with the app itself!
- Frontend Performance Checklist and useful tools
- Not Understanding JavaScript?
- Evolution of React from 2013 to 2018
- Stuck in a rut...
- How do I create a website like this?
- How to gather real-life experiences when you can't get any work without any real-life experiences?
- Projects for creating webpage(s)
- The team that built our website says that fixing WordPress plugin issues doesn't fall under monthly maintenance. Are they trying to take advantage of us?
- Options for a high schooler looking for some experience [X-Post r/cscareerquestions]
- Generative Design Experiment
- One thing to watch out for when switching career after 30
- Tool needed for bulk edits / html formatting with css
- Issue regarding US client
- Whats the point of using Babel when desktop and mobile browsers already support ES6?
- Add to phone home screen... how do wired.com do that?
- What's the purpose of using js libraries/frameworks (React/Vue)to generate basic html components that don't have any extensive javascript purpose(such as <h3>, <p> tags etc)?
- Learning How To Code [Beginner Guide]
- Does touch typing/ typing speed matter?
- Those who took a pay cut to join the industry - has it been worth it?
- Babel 7 Released
- My boss - "Why can't we just use page builders?"
- Selecting ID using Jquery or Vanilla, which is faster?
| What's in a Production Web Application? Posted: 28 Aug 2018 06:16 AM PDT
 | ||
| Posted: 28 Aug 2018 11:36 AM PDT
 | ||
| Posted: 28 Aug 2018 11:19 AM PDT | ||
| Frontend Performance Checklist and useful tools Posted: 28 Aug 2018 07:42 AM PDT
 | ||
| Posted: 27 Aug 2018 08:50 PM PDT I'm teaching myself how to code. I'm pretty confident with my HTML and CSS skills, but I'm struggling with JavaScript. I'm using a combination of Tree house, Colt Steels's Udemy course, and Jon Duckett's JavaScript and jQuery book. I get the concepts and syntax. I understand what loops, functions, arrays, and DOM manipulation is/does, but when I go to work on a practice project, I get stumped and can't seem to figure out what I need to do to get my code to work. I've tried making tic-tac-toe game, a calculator, and a drum kit. How do I get the information I've learned to stick and how can I start thinking like a developer? [link] [comments]  | ||
| Evolution of React from 2013 to 2018 Posted: 28 Aug 2018 06:12 AM PDT You would concur with me that React has altered the course of front-end development. This wonderful library has made the building of user interfaces much easy for developers and is arguably one of the best frameworks ever. React didn't just suddenly become famous and useful, it passed through a couple of phases before becoming the powerful library we have today. Let's look at the evolution of the React library. Pre-2013: The need for a library like React was born in Facebook Ads Org. As Facebook got bigger—for a code base that started out simple, the amount of features increased, the amount of engineers working on the product increased and the code base got larger. With this kind of growth being experienced, code maintenance became very difficult and the application features slowed things down fast. So what was the problem? Here it is: On some changes to the application where new data flows in, some small changes lower in the code base tree were needed to re-render the entire app—what was called cascading updates. But since the code base grew bigger, making these cascading updates become more difficult. It was difficult to even tell what changes were needed to re-render the app. They brought about the need for an urgent solution. Jordan Walke built a prototype to make this process easier (it wasn't called React just yet, he called it FaxJS, and that is where it all began. As at this time, there was XHP which was is an HTML component framework for PHP being used at Facebook. XHP served as a UI rendering layer for Facebook Lite, worked fine for creating custom and reusable HTML elements. XHP served as the inspiration for React's creation. React worked magic for Facebook Ads Org, and the company's new acquisition Instagram picked interest in React and pushed for it to be decoupled from the code base and be made open-sourceable. 2013: The time came for React to being open-sourced, and during the JS ConfUS that held from May 29–31, Jordan Walke introduced React to the world. Link: [JSConfUS 2013] Tom Occhino and Jordan Walke: JS Apps at Facebook https://www.youtube.com/watch?v=GW0rj4sNH2w In Jordan's words, "One of the things we strived for when we were building our component framework, is that we want to minimize the number of developer-facing mutations that the developer is exposed to." Up next was to do React evangelism to developers around the globe. 2014: #ReactJsWorldTour came into existence as more developers adopted the React library. To push for adoption, React Developer Tools became an extension of Chrome Developer tools, React Hot Loader plugin was developed. 2015: React v0.13 was released in March 2015. This version of React had a welcomed new feature which was the support for ES6 classes. In the previous versions, the first calls to setState were synchronous; however, in the new version, they were now asynchronous. In the same month of React v0.13's release, React Native was introduced to the world. React Native would develop into a useful framework for building mobile applications using React. React Native wasn't pushing to be a "write once, run anywhere" tool, it was instead pushing to be a "learn once, write anywhere" tool. This ensures that the same set of engineers can build applications for whatever platform they choose, without having to change the syntax. Later in the year, React migrates to Babel (which is a JavaScript compiler used majorly to convert ECMAScript 2015+ code into a backward compatible version of JavaScript) as the compiler of choice. React v0.14 gets released in October 2015, and one major change was made. This change involved the main React library being split into two packages, React and React DOM. The release of React v0.14 led to the depreciation of the react-tools package and the JSXTransformer.js file, and Babel became the main compiler. By 2015, React had gotten the needed recognition and was being implemented by some influential companies such as NetFlix and Airbnb. 2016: If you've ever wondered how React went from an 0.XX version (such as v0.14 in 2015) to an XX.X (such as the present v16.3). Well, it happened in 2016. The first React news of the year came with the release of React v15.0. Facebook turned things up from v0.14 to v15.0. React 15.0 came with a couple of changes the two major ones being: It's new support for all the SVG attributes supported by browsers and the use of document.createElement instead of setting innerHTML for the mounting of components. React gained more recognition, with React-based libraries such as MobX (used for simple and scalable state management) and BlueprintJS (which is a UI based web toolkit) being released. 2017: September 2017, React has a v16.0 release. With new features such as components now returning arrays and strings from render, introducing error boundaries (which improves error-handling). Also, the server renderer was completely rewritten. React Fiber (a reimplementation of React's core algorithm) gets open-sourced at the F8 2017. 2018: React has gotten a couple of new features in its release this year. After lots of requests, React got the Pointer events included in the library. The pointer events would allow developers an easy way to handle events. React Select v2.0 was also released this year. This serves as a Select control for React, allowing developers to build power React.js components that work out of the box. Thus far, the biggest news with React this year remains the release of React 16.4.0. To keep up with all things React, you can watch Dan Abramov's speech Beyond React at the JSConf Iceland 2018. Link: Dan Abramov: Beyond React 16 | JSConf Iceland 2018 https://www.youtube.com/watch?v=nLF0n9SACd4 Some highlights from this event include:
It is five years now since React was announced to the world, and it has evolved quite amazingly. One thing I don't have any doubt about is that it would keep getting better, and more companies would adopt React as the technology for solving their problems. [link] [comments]  | ||
| Posted: 28 Aug 2018 05:47 AM PDT I am working on Fullstack work as I really just love the whole process. I am quite new to the front end design part. I absolutely love coding and making websites and web apps. However I feel as if my design skills are sub par A.K.A. suck. The main part I struggle with is the "hero section" or header. I see websites with beautiful backgrounds with crazy designs that I know I could never make. Is there any resources that help non designers create some that I just don't know of? Any kind of resources or information on how you guys would handle this would be great. Thank you in advance! [link] [comments]  | ||
| How do I create a website like this? Posted: 28 Aug 2018 03:27 PM PDT My school has assigned me to create a website for the schools newspaper. I'm able to deal with the basic HTML, CSS, and JS but they want to be able to publish articles on their own. So I guess my question is, "what's my approach to creating a website where users can manage their own content" [link] [comments]  | ||
| How to gather real-life experiences when you can't get any work without any real-life experiences? Posted: 28 Aug 2018 12:26 PM PDT It seems like I am stuck in a live version of the chicken-and-egg riddle. So I have been learning web dev for around a year now and I prefer backend more than the frontend. I finally feel confident that I can start applying for jr dev roles or freelance works that wants a jr dev. But problem is everyone is asking for links to my past work. I have shared my github but I don't have any past works that I can show. On top of that, I am a broke college student so even paying for a vps service is a bit tough for me atm. What can I do in this scenario? I even tried to get into freelance WordPress development but even there I faced the same problem. I have started two projects - my personal github page and a place for me to learn more about canvas, to demonstrate my frontend skills as I continue to work on them. I am thinking about starting something similiar with React and VueJs so I can atleast show what I know about the frontend. But what can I do to demonstrate my backend skills? [link] [comments]  | ||
| Projects for creating webpage(s) Posted: 28 Aug 2018 10:35 AM PDT Can anyone provide me a list of webpage development projects? ( which employs HTML and CSS so that i can practice) [link] [comments]  | ||
| Posted: 28 Aug 2018 06:33 AM PDT Our contacts form plugin was quietly broken for almost four months. I realized it yesterday when I saw (among other things) months-old unread inquiries from people that had responded to our job openings. We've been directly negatively affected by the plugin being broken for so long. I contacted the team that built the site and does our maintenance, and they replied > The Gravity forms plugin is actually not a core part of the WP platform, but an upgrade through the plugin made by an external development firm. So this task would not fall under monthly maintenance but would have to be additionally charged. I was shocked. Still, I googled "what falls under monthly maintenance wordpress" and all the sites say plugin updates, audits and conflicts fall under monthly maintenance. A couple of questions:
I'm newish here and I'm told the webdev team has been working with us for years. Just seems like a bizzare situation. No idea how to proceed. edit: Sorry for AFK, I appreciate all the responses. Here's a quick update: Had a look at the contract and it explicitly states surprisingly many things that fall under the monthly maintenance fee. From maintenance and fixing broken parts to adding new elements to the site (which we've always strictly been paying extra for) and lots of other tasks. [link] [comments]  | ||
| Options for a high schooler looking for some experience [X-Post r/cscareerquestions] Posted: 28 Aug 2018 01:18 PM PDT Hello Guys, Im a 15 year old living in the Netherlands interested in cs. I've been programming for a few years, I know the basics of python but am best at javascript (Node.js). Currently i'm working on a project with some other guys to create a Instagram clone. So far i'm really the only one whose written code but I had great help from another guy who helped me with things like industry standards, folder structures etc. In this project I've used things like Jwt for authentication aswel as promises and async etc. Im still learning loads everyday but would love to get some real world experience and see the things I do actually be used by people. Of course open source is a great option and I've made some pull requests before but really enjoy working in a team and discussing things etc instead of going solo. The often large amount of code also often intimidates me if I dont have someone at the start to to me approximately where everything is etc. Basically what advice would you have for a 15 year old looking for real world experience? Thanks so much, Stan [link] [comments]  | ||
| Posted: 28 Aug 2018 04:07 PM PDT Hello everyone ! 10 month ago , I made an webdev experiment with Perlin algorithm. I recently added 3 more generation functions so I wanted to know your thoughts about it ! The concept was to generate "organic-like-random" pattern on a canvas with Js. Check it there : https://dribbble.com/shots/5056747-Perlin-Generative-Design ( the link is below the picture ) Please view it on desktop since I didn't manage to display it on mobile ... Ps : I'im still junior dev so don't be too hard :) Let me know your feedback on comments , have a great day/night ! Some docs : [link] [comments]  | ||
| One thing to watch out for when switching career after 30 Posted: 28 Aug 2018 04:02 PM PDT This applies in Canada, not sure about the US. Most companies will not hire dev over 30 without experience. Reason being because government provide support funds for youth under 30. If a tech is to hire someone without experience, it'd be some student under 30. If you do decide to do a career change, prepare for a steep road ahead to climb. Nobody is going to give you the opportunity to gain experience, it's all on your own. [link] [comments]  | ||
| Tool needed for bulk edits / html formatting with css Posted: 28 Aug 2018 03:46 PM PDT I have a lot of HTML files that need some updates. One thing I notice in html editors is that I can highlight text and make it bold, change the color, etc. But then when I look at the HTML code, all the CSS is in-line, which I don't want. Are there any editors out there that can apply a CSS style that I have predetermined in the same way I would with regular text formatting as described above? So after I check the code, the block of text I have changed would have a span class of whatever class I set up in the CSS. OR, is there a better way to do this? Hit me up with suggestions please. [link] [comments]  | ||
| Posted: 28 Aug 2018 03:34 PM PDT I'm a webdev from Ecuador and landed a big project with a US client. I know that US devs are way better paid that the local and I could ask for a higher rate but that's not my deal. I want to manage this client as if it were any other. I have no information on how the market works on the US, I usually charge for a project, ask 50% down payment and the other 50% after it's done. I know how to handle requests and requirements down the line so I don't get screwed in the end but I dont know if that's how you do it over there. I'm afraid the client won't trust this transaction and might back down. So how do you charge for projects in the US? [link] [comments]  | ||
| Whats the point of using Babel when desktop and mobile browsers already support ES6? Posted: 28 Aug 2018 02:59 PM PDT I was just looking at the ES6 compatibility tables and I noticed that the major desktop and mobile browsers fully (or nearly fully) support ES6. Node has most of ES6 down. Babel 6/7 doesnt even come close to fully supporting ES6. So what is the point of using it? Is babel only for niche situations like PhantomJS? Mildly related: I just decided to start tinkering with Babel yesterday. With the launch of v7, I think things are in a bit of a flux right now. Its making it very difficult to run through tutorials /rant [link] [comments]  | ||
| Add to phone home screen... how do wired.com do that? Posted: 28 Aug 2018 02:29 PM PDT Looking at wired.com on my mobile phone and I see a little footer message saying 'Add Wired to Home screen'.... if i click it adds a shortcut to my phone home screen. Anyone know what code i need to add to my website to do the same? [link] [comments]  | ||
| Posted: 28 Aug 2018 10:40 AM PDT I'm not talking about dynamic data either. I just mean hard-coded text/images essentially. Is it because js is faster/more powerful? or because they should be part of larger js components? Or is there no purpose at all if not used in a js specific component? [link] [comments]  | ||
| Learning How To Code [Beginner Guide] Posted: 28 Aug 2018 02:17 PM PDT
 | ||
| Does touch typing/ typing speed matter? Posted: 28 Aug 2018 02:03 PM PDT I'm new to coding/ Web Dev but have a new found interest in it and was wondering is touch typing/ typing speed important? I was never taught how to type properly so I currently type either using a hunt & peck style/ three finger style. I'm 20 and wondering is it too late to learn to type properly? (how hard would it be to break this habit?) Should I learn to type properly before actually learning languages? [link] [comments]  | ||
| Those who took a pay cut to join the industry - has it been worth it? Posted: 27 Aug 2018 04:17 PM PDT I've been grappling on and off with this question as I continue to study web development. My background is in Econ and currently I work as an SAP Business Analyst in an IT/Supply Chain-type role. The money is pretty good for a single 20-something in a low COL area (low 70s), and for that I know I should be thankful, but every day I feel miserable. The work is repetitive and mind-numbing, and although the internal job description is very technical-sounding, ultimately I function as a sort of glorified helpdesk. I don't solve problems, learn new skills, or grow/develop as a person or a professional. I've been studying web dev on and off for about two or three years now. I've found I truly enjoy the ability to be creative, to build things, to solve problems. I've spent hundreds of hours of my life at this point either building projects, working through Udemy courses, reading books, watching videos, or browsing subs like this one. Currently I attend classes at a local coding non-profit three nights a week and Saturdays 9-5. All this to say that this is something I've given a lot of thought, and what I've been exposed to so far I've found to be engaging and enjoyable. I'm curious how many self-taught individuals here have been faced with a similar choice and whether it has been worthwhile in retrospect. My plan is to explore a few more topics and address a few weaknesses of mine over the next few months, and then begin applying to junior roles*. But I've honestly struggled at times, in a money-focused society, watching friends climb the corporate ladder or graduate law or medical school, knowing that I've been working fairly hard in my own right to effectively reset my career and take what is likely a 20-30% pay cut. Ideally I'd work my way back up within a few years, but regardless, there's more to life than money. Right? Ultimately I want to find fulfillment or at least satisfaction in my work, and I don't ever see that happening in my current industry. Anyway, thanks for reading-- any thoughts, advice, personal experiences are all greatly appreciated. *(I'm pretty confident with HTML, CSS (+SCSS), Flexbox, Grid, JS (incl. ES6), Node & Express, and Postgres. Currently learning React + Redux, and then hopefully venturing into unit testing, GraphQL, and devoting some time to data structures & algorithms). [link] [comments]  | ||
| Posted: 27 Aug 2018 04:02 PM PDT | ||
| My boss - "Why can't we just use page builders?" Posted: 28 Aug 2018 01:58 PM PDT This is a problem I feel is dangerous to our team, and I want to get this under control before it's too late. Looking for advice. Some preface.. Team of a dozen devs. A few front enders, back enders and a few full stack guys. My boss, the head of a development team, is not a developer. (I can feel you guys shaking your heads already.) We have a fair amount of WordPress work coming in each month. Usually we build it properly. You know.. Use a blank starter theme we've developed, custom build templates using ACF, and we're on our way. A few months ago my boss found a "super powerful" plugin and has the biggest hard-on for it. "Guys, this thing is AMAZING. Watch this." He shows us how he can drag and drop whole sections and components onto a page and within three minutes, boom. Page is built. Cool. I think page builders have their place. Small sites for small companies that can't afford anything custom. But.. Over the months I've seen my boss constantly show more and more people this "amazing way" to build websites. It's getting concerning because any time we have a new project come in and we meet, he always interrupts and defaults to yelling out "Yup, this builder would be PERFECT". We're talking sites that see 50+ pages that have some sort of custom functionality built in. This happened just last week. Massive potential project coming in, with 57 pieces of complex functionality and he will not back down. He wants it built in this page builder. Even though the client says in their RFP that security is a massive concern, they still went with WordPress (different conversation) and he is aggressively pushing this page builder. Myself and another dev sat in a room and told him:
He just does, not, get it. It's super frustrating. We brought up all these points and he just doesn't care it seems. Total lack of integrity. So, I'm looking for advice.. Should I go higher up? Talk to his boss and explain that we're not a cookie cutter WordPress Shop, that we actually take time and put care into the product? Any advice would help! [link] [comments]  | ||
| Selecting ID using Jquery or Vanilla, which is faster? Posted: 28 Aug 2018 06:21 AM PDT I've been trying to optimise my code to improve performance and I wanted to know between these two methods which is quicker? or [link] [comments]  |
![Learning How To Code [Beginner Guide]](https://b.thumbs.redditmedia.com/KhP1ny7cYGEpaWYZY_mKrv_oa4Ns8gHieQrXrtAeUYw.jpg "Learning How To Code [Beginner Guide]")
![[link]](https://i.redd.it/xkfh8gb1pvi11.png){kind=link}
| You are subscribed to email updates from webdev: reddit for web developers. To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States | |
No comments:
Post a Comment