Items tagged with: studio
Article word count: 1291
HN Discussion: https://news.ycombinator.com/item?id=19651245
Posted by philonoist (karma: 1375)
Post stats: Points: 94 - Comments: 97 - 2019-04-13T05:21:34Z
#HackerNews #code #from #jetbrains #studio #switched #visual #webstorm #why
As Visual Studio Code got more and more popular I used it for my further web projects. I really liked it because it was much faster, highly customizable and free so that I could also use it for my private projects.
In my current project, I met a developer who was really confused that I was using an editor and not an IDE for the development of large business applications. First, I did not really consider his concerns but meanwhile, I understand him.
In this blog post, I want to tell you why I now mainly use WebStorm instead of VS Code for development.
This is a very hot topic and I know this will cause some controversy. In the following article, I talk about my experience using WebStorm in a large Angular application which was mainly developed in VS Code.
WebStorm provides a robust, fast, and flexible static code analysis. This analysis detects language and runtime errors, suggests corrections and improvements. It also indexes your whole project and can, for example, detect all unused methods, variables and more.
VS Code VS Code Unused Angular Methods
WebStorm WebStorm Unused Angular Methods
This can have a huge impact on the code quality of a large Angular code base which was mainly developed using VS Code.
To see the difference open your project which was developed in VS Code with WebStorm and run the code inspection. This was basically what convinced me that using WebStorm results in a cleaner code base.
Integrated Karma Tests
WebStorm has an integrated test runner which I really like. This way you can run your tests directly from the IDE and even debug them there.
Running my jasmine & Karma tests in WebStorm I can easily jump to the failed test code and rerun only this specific test. The following image shows such a test run:
WebStorm Karma Tests
My Angular unit test workflow in VS Code is normally to mark a describe or it test block with a f (e.g. fdescribe) which tells Karma to only run this certain test block. Alternatively, I use the karma-jasmine-html-reporter where you can also define to run only certain tests by clicking on them in the HTML page.
There is currently also a VS Code Karma Test Adapter in development which should provide a similar integrated Karma test functionality for VS Code.
Not waiting for promises can be really tricky if you expect the subsequent code to run only after the promise has been resolved. WebStorm shows if there are unresolved promises (in this case for a TypeScript application):
WebStorm VS Code Unresolved Promise
VS Code has currently no possibility to show this information:
VS Code WebStorm Unresolved Promise
Source Control / Git Integration
VS Code has per default a pretty basic git integration. You can either use extensions like GitLens or use additional tools like Sourcetree if you like to use a GUI for complex git work.
WebStorm provides all the functionality for complex git work out of the box. You can commit files, review changes, and resolve conflicts with a visual diff/merge tool right in the IDE.
VS Code does not save a local history of your changes but you can use extensions like Local History.
WebStorm automatically tracks all the changes you made to your files and therefore protects you from accidentally losing these changes. You can inspect the history of files and directories and do rollbacks. This can be useful if you, for example, did a git push force by accident and overwrite your files even on the remote branch.
VS Code can only debug web application on Chrome by using the Debugger For Chrome extension which you then need to configure for your application.
Using WebStorm you already have everything available per-default and, for example, for Angular just need to click “Debug Application” and you can set breakpoints in the editor and watch variables etc.
In my opinion, refactoring code is much better using WebStorm. You can rename a component and it updates all file names and usages both in the HTML as well as in the TypeScript files. In general, all the JetBrains IDEs are well known for their refactoring features:
A well-known feature of the JetBrain IDEs is Safe Delete. Using this functionality you can safely remove files from your source code during refactoring. The IDE will first search for usages of the files and if they are found, you can check them and make necessary before the files are deleted.
Unfortunately, VS Code is not that powerful at the moment.
Angular CLI Integration
WebStorm provides a good Angular CLI integration by the so-called Angular Schematics:
WebStorm Angular Schematics
In total, WebStorm has great Angular support as it assists in editing Angular templates, provides code completion for variables, pipes, and template reference variables.
WebStorm is developed in Java and it feels in general slower than VS Code. I would not say that it is critically slower but the speed difference is noticeable.
VS Code has a faster startup time but if you are working on a project your IDE or editor is always open and startup time does not play a crucial role.
Accessibility Inspections For HTML
WebStorm provides inspections which are based on recommendations from Web Content Accessibility Guidelines (WCAG) which help you to write more accessible HTML code.
WebStorm HTML Accessibility Inspection
VS Code is open source and free to use.
You need to pay for a WebStorm license unless you choose one of the free licenses available for open source projects, students, teachers, classroom assistance or training courses, coding schools and boot camps.
Another option is to use the EAP (Early Access Program). These pre-release versions include features which will be added to the next release. These versions are temporarily available before a new version of the software will be released.
This is the official disclaimer for the EAP:
This is an early access version of the product. You expressly acknowledge that this version of the product may not be reliable, may not work as intended and may contain errors. Any use of the EAP product is at your own risk.
VS Code is more of an editor than an IDE like WebStorm is categorized as. WebStorm has in its standard installation more features than VS Code has in its default installation without any additionally installed extensions.
Microsoft has created an amazing product with VS Code which you can of course use for larger business applications. Generally, I would prefer and recommend using WebStorm due to these reasons:
* Better code analysis functionalities * All-in-one IDE with good basic functionality without the need to install many additional plugins * Much better code refactoring possibilities
If you prioritize speed, prefer using open source software or just want to quickly edit some configuration files then you should go for VS Code.
What are your experiences using VS Code and WebStorm? Let me know in the comments what you use to develop your application!
My VS Code & WebStorm Setup
The screenshots in this article show VS Code using the Material Dark Theme and WebStorm using the Material UI with Material Darker theme.
HackerNewsBot debug: Calculated post rank: 95 - Loop: 95 - Rank min: 80 - Author rank: 65
VSCodium is a tracking-free, free and open source clone of Microsoft's Visual Studio Code created so that developers will not have to build VS Code from source which contains telemetry/trackers.
Article word count: 473
HN Discussion: https://news.ycombinator.com/item?id=19650109
Posted by arthurz (karma: 87)
Post stats: Points: 137 - Comments: 76 - 2019-04-13T00:00:05Z
#HackerNews #code #open #source #studio #trackers #visual #vscodium #without
We have covered Visual Studio Code before so you must know how much of an awesome code editor it is. While VS Code is open source freeware, its source code is only available on Microsoft’s official GitHub repo and its downloads are licensed under a closed source license which contains telemetry so you’ll be happy with the app we have for you today.
VSCodium is a tracking-free, free and open source build of Microsoft’s Visual Studio Code created so that developers will not have to build VS Code from source which contains telemetry/trackers.
This fit is accomplished by using special scripts to clone the vscode repo, build it from source, and then upload the resulting binaries to VSCodium’s GitHub releases free of telemetry passes.
With that being said, VSCodium is a replica of Visual Studio Code and thus, works in the same way with all the features and support present in its parent project. Except for the app icon – that’s different.
VSCodium - Clone of Microsoft’s Visual Studio Code
VSCodium – Tracker-Free Visual Studio Code
Features in VSCodium * Free to use * Cross-Platform: Available on Windows, GNU/Linux, and Mac. * Open source with source code available on GitHub. * Native support for several languages. * Additional functionality using extensions. * IntelliSense and smart code completion. * An advanced and robust built-in debugger. * Native support for Git.
Semantik - An Open-Source Mind-Mapping App for KDE
You know the feature list in VS Code is virtually inexhaustible. The same goes for VSCodium.
How to Install VSCodium on Linux
Follow these steps to install VSCodium on any Debian-based distro like Ubuntu. Take note of the pipe "|" symbol used to join the commands.
Add its repo’s GPG key.
$ wget -qO - https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/master/pub.gpg | sudo apt-key add -
Add the repo to your system.
$ echo ʼdeb https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/repos/debs/ vscodium mainʼ | sudo tee --append /etc/apt/sources.list.d/vscodium.list
Update your PC and install the app.
$ sudo apt update && sudo apt install vscodium
VSCOdium is installed by default on ParrotOS and if it’s not installed on your system you can install it with the simple code:
$ sudo apt update && apt install vscodium
On Fedora / Centos / OpenSUSE, you can install VSCodium using following commands.
Add the GPG key of the repository and install VSCodium as shown.
-------- On Fedora/CentOS/RHEL -------- # dnf config-manager --add-repo https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/repos/rpms/ # dnf install vscodium
-------- On OpenSUSE/SUSE -------- # zypper addrepo -t YUM https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/repos/rpms/ vscodium_mirror_on_gitlab # zypper in vscodium
If you like, you can transfer your tools and preferences from VS Code to VSCodium using the instruction manual here. Are you using a different OS? See how to install VSCodium on your system here.
What do you think about VSCodium? I imagine that developers who didn’t want to fork Visual Studio Code because of the info that Microsoft tracks will happily jump at VSCodium. Tell us what you think in the comments section below.
The cost of maintenance is skyrocketing as more readers are coming on board and the ad service that we employ in order to generate revenue is unfortunately no longer sufficient and this is especially due to the increased use of ad-blockers.
We humbly request that you consider disabling your ad-blockers to support us financially or by donating as anything from $1. Your donation(s) will go a long way in supporting FossMint and sister site, TecMint, in running efficiently. Thank you.
Make a Contribution via PayPal
HackerNewsBot debug: Calculated post rank: 116 - Loop: 51 - Rank min: 100 - Author rank: 72
Theaterpremiere: 07.04. im Sünners Köln
#danielbierstedt #larp #phantasy #actor #schauspieler #lordoftherings #herrderringe #studio #onelight #priolight #imlandearaga #theater #photography #portrait #people #malemodel #cosplay
Premiere: 07.04. Fantasy Theater & Dinner Köln
#danielbierstedt #imlandearaga #larp #phantasy #studio #onelight #portrait #portraitphotography #beauty #visa #mua #canon5d3 #priolight #art #read #bookworm #buch #roman #eisermannverlag #herrderringe #lordoftherings #schauspieler #model #photography #leseratte #blonde #girl
Theater Premiere: 07.04.19 @fantasy_theater
#danielbierstedt #imlandearaga #larp #phantasy #studio #onelight #portrait #portraitphotography #beauty #visa #mua #canon5d3 #priolight
Yes, our latest EP is great and all. But we already have 6 new songs in the oven! And we are ready to show them to you in our coming gigs. Have a look at our creation process at Earthwork studios. This is going to be the bridge to one of our new songs ;)
#music #muziek #musica #creation #composition #jam #studio #video #psy #psychedelic #latin #lolasdice #nl #netherlands #nederland #weesp #amsterdam
#danielbierstedt #larp #costume #phantasy #Theater #Arts #Actors #onelight #canon #canon5d3 #studio
On this episode of This Week in Linux, every now and then we cover something from the project that this show gets its name from and this is one of those weeks so we’ll discuss the release of Linux 5.0. Then we’ll cover some other releases from LineageOS, NuTyX, Fatdog64, Linux from Scratch and some more core news with releases from the WINE and Vulkan projects. Later in the show, we’ll check out some App News from OBS Studio, Headset Music Player, BorgBackup, a couple desktop weather apps, one with a GUI and the other for the terminal. All that and much more, this is your Weekly Source for Linux GNews!
A web-based animation tool for Google Earth’s satellite and 3D imagery.
Article word count: 175
HN Discussion: https://news.ycombinator.com/item?id=18677689
Posted by duck (karma: 21162)
Post stats: Points: 112 - Comments: 43 - 2018-12-14T01:30:12Z
\#HackerNews #earth #google #studio
Earth Studio is an animation tool for Google Earth’s satellite and 3D imagery.
Powerful motion design, all in the browser. Earth Studio gives you the tools you need to create professional content with Google Earth imagery.
Read more in the Documentation.
\* Earth Studio uses keyframes, just like other industry-standard animation tools. Move the globe, set a keyframe, rinse and repeat. It’s that easy. \* Create an orbit, or fly from point to point. Select from up to five templates to get started - no animation experience needed. \* Animate custom attributes such as the sunʼs position, the cameraʼs field of view and more. \* Easily add map labels and pins in post production. Earth Studio supports camera export to Adobe After Effects.
Read more in the Documentation.
Earth Studio is free to use and works with the desktop version of Google Chrome. Sign in with your Google account to request access. Learn more
Earth Studio works with the desktop version of Google Chrome. Sign in with your Google account to request access. Learn more.
HackerNewsBot debug: Calculated post rank: 89 - Loop: 137 - Rank min: 80 - Author rank: 65
tl;dr Visual Studio Code usage is rising rapidly! VS Code is now the editor chosen by the majority of engineers during programming interviews, and it appears to be rapidly taking market share from…
Article word count: 1501
HN Discussion: https://news.ycombinator.com/item?id=18620404
Posted by Harj (karma: 4161)
Post stats: Points: 120 - Comments: 101 - 2018-12-06T18:00:41Z
\#HackerNews #code #microsoft #rise #studio #the #visual
tl;dr Visual Studio Code usage is rising rapidly! VS Code is now the editor chosen by the majority of engineers during programming interviews, and it appears to be rapidly taking market share from other top editors.
Triplebyte interviews hundreds of engineers every week. For each interview, we record the editor, language and operating system used. We donʼt use this information to decide who passes our interview (I donʼt think that would be fair). However, it is fascinating data! It gives us insight into which tools different cohorts of engineers prefer, and how these preferences change over time. It also allows us to identify correlations between the tools engineers choose and their performance during programming interviews.
My co-worker Mike wrote a post about this data a year ago. But Triplebyte has grown a LOT since then, and we now have enough data to dive much deeper. Thatʼs my goal for this blog post.
Editor Usage Rates
To get started, I pulled data on the editors used during all interviews conducted over the last year:
The first thing that jumps out from this graph is the prominence of Visual Studio Code. With 17% of the pie, VS Code was the editor used by the plurality of Triplebyte candidates last year. This was a surprise to me for two reasons. First, VS Code is a relatively new product from Microsoft, and, second, last year it didnʼt even appear on our charts—its share was small enough to fall into the “other” bucket.
To get a better view of this, I graphed the same data over time:
Yikes! VS Code is eating everyone elseʼs lunch! The story here is pretty clear. Over the past year, VS Code usage has gone from 5% to 22%. Over the same time, Sublime Text usage has fallen from 17% to 11%, and Atom usage has fallen from 11% to 6%. Even Eclipse is falling. And VS Code is accelerating every month. Google Trends shows the same thing:
VS Code is on the rise and is poised to become the most dominant editor weʼve ever seen. Maybe I should give it a try!
Interview Pass Rates
Editor usage is only one part of the story, however. Not all usage is equal. I wanted to see which editors are used by the best programmers. To look at that, I pulled data on how Triplebyte candidates performed during our interview, grouped by the editor they used:
editor-performance-margin.png This chart shows the rates at which each editorʼs users pass our interview compared to the mean pass rate for all candidates. First, notice the preeminence of Emacs and Vim! Engineers who use these editors pass our interview at significantly higher rates than other engineers. And the effect size is not small. Emacs users pass our interview at a rate 50% higher than other engineers. What could explain this phenomenon? One possible explanation is that Vim and Emacs are old school. You might expect their users to have more experience and, thus, to do better. However, notice that VS Code is the third best editor—and it is brand new. This undercuts that narrative a bit (and makes VS Code look even more dominant).
Do Emacs and Vim users have some other characteristic that makes them more likely to succeed during interviews? Perhaps they tend to be more willing to invest time and effort customizing a complex editor in the short-term in order to get returns from a more powerful tool in the long-term?
On the negative end, engineers who use Eclipse, intelliJ and Visual Studio pass our interview at lower rates. What do Eclipse, IntelliJ and Visual Studio have in common? Well, they are all IDEs. However, PyCharm is also a full-featured IDE, and it shows a high pass rate. What else could be going on? Another distinguishing feature of Eclipes, IntelliJ, and Visual Studio is their strong association with Java and C#, so might we merely be seeing the result of a correlation between specific editors and specific languages?
To investigate this, I looked at interview pass rates by language as well:
language-performance-margin.png Java and C# do have relatively low pass rates, although notice that Eclipse has a lower pass rate than Java (-21.4% vs. -16.7), so we cannot fully explain its poor performance as Java dragging it down.
Also, whatʼs going on with Go? Go programmers are great! To dig deeper into these questions, I looked at editor usage by language:
editor-by-language-margin.png The percentages on this graph are per editor. So we can see, for example, that 97% of engineers using PyCharm program in Python (which makes sense — itʼs in the name). Eclipse is dominated by Java (94%) and Visual Studio is mostly C# and C++ (88%). I canʼt really say which way the causality goes, but it seems that both the languages (Java, C#) and the IDEs (Eclipse, Visual Studio) are associated with lower pass rates in interviews. This data comes from our internal interviews, but the same result holds for interviews conducted by the outside companies who use our platform.
Triplebyte does not take language or editor selection into account when making interview decisions. And there are tons of great C# and Java programmers out there (and weʼve helped many of them get jobs with companies on our platform). However, it seems that the average C# or Java engineer who goes through our process does less well than the average Ruby or Go engineer. I have no idea why.
Experience / Location
To wrap things up, I sliced the data by experience level and location. Here you can see language usage by experience level:
language-by-experience-margin.png Again, rows sum to 100%, so the chart shows what percentage of people with a given level of experience use each language. Most notable here is how popular Python and Java are among candidates with only internships or part time experience. Are we seeing folks who recently graduated from college using the languages in which they were taught?
Then thereʼs editor usage by experience level:
editor-by-experience-margin.png First off, you can see VS Code usage dropping off as experience level increases. Itʼs definitely more popular among junior engineers. You can also see that Vim and Emacs are more popular among more experienced engineers. It seems plausible that this is indeed the main reason why Vim and Emacs users have such a high pass rate in our interviews.
Finally, we looked at the relationship between location and language used:
Hereʼs a summary of the trends in tool usage we saw over the past year along with some intriguing relationships between the tools engineers choose and their programming ability:
Visual Studio Code is on the rise. Over the past year, it has become the most popular editor across the board, and itʼs gaining ground every month. I wonder if the editor landscape is experiencing a tectonic shift, from a relatively fractured market to a world in which a single editor has over 50% of the market?
Engineers who use old school editors like Vim or Emacs tend to be strong programmers. That said, this finding may be best explained by the fact that these editors are especially popular among more experienced engineers.
Engineers who use Go are also especially strong. If you know why, please let me know.
Engineers who use Eclipse or Visual Studio do less well (on average) in our interviews. This correlation still stands for interviews with external companies who use our platform.
Take all of this with a grain of salt. I want to end by saying that we donʼt think any of this is causative. That is, I donʼt recommend that you start using Emacs and Go (or stop using Eclipse and Java) on the basis of this data. There are strong programmers who use every set of tools. The most important thing in any interview is using the tool that you are most comfortable with.
I would really appreciate your feedback. I have a lot of questions about this data, and I would love to know what other programmers think about what weʼve seen over the past year. Email Ammon at firstname.lastname@example.org or Lyn at email@example.com!
No matter which editor you choose, if youʼre an engineer interested in being matched with top tech companies in San Francisco, New York, Los Angeles, and/or Seattle, check out our process.
If youʼre a company interested in hiring great engineers, explore our platform!
HackerNewsBot debug: Calculated post rank: 113 - Loop: 146 - Rank min: 100 - Author rank: 97
We believe that collaboration between designers and developers in an effective workflow fosters and boosts product innovation and ultimately leads to a better user experience. That’s why I’m extremely…
Article word count: 582
HN Discussion: https://news.ycombinator.com/item?id=18303065
Posted by conductor (karma: 9735)
Post stats: Points: 162 - Comments: 45 - 2018-10-25T18:06:24Z
\#HackerNews #design #studio
We believe that collaboration between designers and developers in an effective workflow fosters and boosts product innovation and ultimately leads to a better user experience. That’s why I’m extremely happy to announce that Qt Design Studio 1.0 released today!
Qt Design Studio is a UI design and development environment that enables designers and developers to rapidly prototype and develop complex and scalable UIs.
Qt Design Studio is a tool used by both designers and developers and that makes collaboration between the two a lot simpler and more streamlined: Designers can look the graphical view, while developers can look at the QML code. With this workflow, designers can have their Photoshop designs running on real devices in minutes! As an aside, I say Photoshop designs, but we are planning to support other graphic design tools in the future.
Enhanced & effective workflow with Qt Design Studio, Qt and QML
Since the tech-preview release in June, we have been working to finalize features and to bring in new ones. Let’s have a look at the features in detail:
Qt Photoshop Bridge – import your graphics design from Photoshop
\* Create re-usable components directly from Photoshop \* Export directly to specific QML types, built-ins or custom ones \* Export property aliases \* New and enhanced import dialog \* Basic merging capabilities introduced
Timeline-based animations – timeline-/keyframe-based editor that lets designers easily create pixel-perfect animations without writing a single line of code.
\* New easing-curve editor with lots of new exciting capabilities \* Map and organize the relationship of timelines and states – create smooth transitions from state to state \* Select multiple keyframes
Qt Live Preview – Run and preview your application or UI directly on the desktop, Android devices, and Boot2Qt devices.
\* See how your changes affect the UI live on your target device! \* FPS counter \* Load language translations and try them on the fly \* Zoom in/out functionality
Lots of other features –
\* Insert a 3D Studio element and preview that on the end target device with Qt Live Preview \* Qt Safe Renderer integration – use Safe Renderer items and map them in your UI \* Overall enhancements in the Property panel \* Use of states and timeline to create screen flows and transitions \* Create artboards that can be mapped to components \* and many more…
Head to our Qt Design Tools webpage now to learn more about Qt Design Studio and try it hands-on!
We have also created a set of how-to videos that will guide you through all the features and capabilities and show you in practice hands-on how to design and develop a UI with Qt Design Studio.
A great collection of materials and resources can also be found in our resources section.
Qt Design Studio is available today as a free tool for everyone to try out and evaluate. You will need a commercial Qt developer license to distribute your UIs created with Qt Design Studio. This means, for example, that designers or design companies can use Qt Design Studio for free, as long as the company they’re working for has the necessary commercial Qt licenses for their developers. We are also working on an open source version with a limited feature set, to be published in December. If you are interested, you can already now take a peek of the new timeline editing feature source code.
Last but not least, to learn more about Qt Design Studio and keep abreast with what’s in store in the future, make sure to watch our on-demand webinar!
Do you like this? Share it
Share on LinkedInGoogle+Share on FacebookTweet about this on Twitter
HackerNewsBot debug: Calculated post rank: 123 - Loop: 256 - Rank min: 100 - Author rank: 83